.sitemap ul li
{
    list-style: none;
}

.strong 
{
    font-weight: bold;
}

.error
{
    font-weight: bold;
    color: Red;
}
.formInput .error
{
    width: 270px;
    padding: 5px;
    border: 1px solid red;
    background: #FBFFF1;
}
#form .error
{
    border: 1px solid red;
    padding: 5px;
    background: #FBFFF1;
}
#formExp .error
{
    width: 288px;
    padding: 5px;
    border: 1px solid red;
    background: #FBFFF1;
}
.success
{
    font-weight: bold;
    color: Green;
    border: 1px solid green;
padding: 5px;
background: #FBFFF1;
}

.successBox
{
    font-weight: bold;
    color: Green;
    border: 1px solid green;
    padding: 5px;
    background: #FBFFF1;
}

.errorBox
{
    font-weight: bold;
    color: Red;
    border: 1px solid red;
    padding: 5px;
    background: #FBFFF1;
}

.warningBox
{
    font-weight: bold;
    color: Maroon;
    border: 1px solid orange;
    padding: 5px;
    background: #FBFFF1;
}

.block
{
    display: block;
}
.buttonLookAlike
{
    display: block;
        font-size: 15px !important;
    background: url(/images/button.gif) bottom left repeat-x;
     font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 0px 0px 10px 0px ;
   padding: 7px 10px;
   overflow: visible;
   border-radius: 7px;
   text-decoration: none !important;
  width:200px;
}
.buttonLookAlike:active
{
    background: url(/images/button2.gif) bottom left repeat-x;
   border: 0px;
   color:#fff !important;
}

/****************** Input Fields ***************************/
div#content input
{
    padding: 5px;
    font-size: 15px;
   
}
div#content input[type="text"], div#content input[type="password"]
{
    width: 270px;
}

div#content input:focus
{
    background: url(/images/input.jpg) repeat-x;
    border: 2px solid #97C723;
}
div#content textarea:focus 
{
    border: 2px solid #97C723;
    background: #fff;
}

div#loginForm .inputForm
{
    display: block;
    float: left;
   
}
#copy input[type="submit"]
{
    font-size: 15px;
    background: url(/images/button.gif) bottom left repeat-x;
     font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 0px !important;
   padding: 7px 10px;
   overflow: visible;
   border-radius: 7px;
   
}
.searchButton
{
     background: url(/images/search_button.gif) bottom left repeat-x !important;
     font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 0px !important;
   padding: 0px 0px !important;
   overflow: visible;
   border-radius: 20px !important;
   height:26px !important;
   width: 26px !important;
}
.searchButton:active, .searchButton:focus
{
    background:url(/images/search_button_active.gif) bottom left !important;
     font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 0px !important;
   padding: 0px 0px !important;
   overflow: visible;
   border-radius: 20px !important;
   height:26px !important;
   width: 26px !important;
}

#copy input[type="text"] + select, #copy #filterBox select
{
    padding: 5px;
}

#copy input[type="submit"][disabled]
{
 background: url(/images/button_disabled.gif) bottom left repeat-x;   
}
#copy input[type="submit"]:active, #copy input[type="submit"]:focus
{
    background: url(/images/button2.gif) bottom left repeat-x;
   border: 0px;
}
#copy input[type="submit"].green
{
    font-size: 15px;
    background: url(/images/button_green.gif) bottom left repeat-x;
     font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 0px !important;
   padding: 5px 10px;
   overflow: visible;
}
#copy input[type="submit"]:active.green, #copy input[type="submit"]:focus.green
{
    background: url(/images/button_green2.gif) bottom left repeat-x;
   border: 0px;
}
#copy p.green
{
      display: block;
      font-size: 15px;
    background: url(/images/button_green.gif) bottom left repeat-x;
     font-weight: bold;
    color: #fff !important;
    border: 0px;
    margin: 0px !important;
   padding: 5px 10px;
   overflow: visible;
   cursor: pointer;
   text-decoration: none !important;
    
}


div#loginForm 
{
   
padding: 10px 0px;
margin-right: 10px;
}

.inputForm + .inputForm 
{
    margin-top: 10px;
}
.inputForm p 
{
    font-size: 1.2em;
}
#loginForm .textLeft
{
    text-align: left !important;
}

#copy input[type="file"]
{
    margin: 0px;
    font-size: 1.2em;
}

.donateButton
{
    width:300px;
    height: 81px;
    background: url(/resources/Images/Icons/donate.jpg) 0 0;
}
.donateButton:hover
{
    background-position: bottom;
}

.btn, #shopping select{
    text-decoration:none;
    padding:5px 15px;
    background:transparent;
    border:solid 2px #0057a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color:#0057a9;
    font-size:18px;
    cursor:pointer;
}
#shopping select{
    padding: 4px 15px;
}
.btn:hover, #shopping select:hover{
    background-color:rgb(208, 229, 236);
    background-color:rgba(200, 221, 241, 0.82);
    color:#0057a9!important;
}
.btn-blue{
    background:#0057a9;
    border-color:#013f79;
    color:#fff;
}
.btn-blue:hover{
    color:#fff!important;
    background-color:rgb(74, 124, 201);
    background-color:rgba(0, 87, 169, 0.82);
}
.btn-sm, #shopping select{
    font-size: 12px;
    font-weight: bold;
}
.btn-xl{
    font-size:20px;
    padding:10px 25px;
}

/*********************************/
/********************* Register Form ************************ register.aspx */
div#regForm 
{
    font-size: 1.3em;
}

div#regForm div
{
    display: block;
    clear: both;
    margin-bottom: 20px;
    float: left;
}

div#regForm div span.regInput
{
    float: left;
   
}
.regInput + .regInput 
{
    margin-left: 10px;
}
div#regForm div span.regInput label 
{
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
}

.width20char 
{
    width: 230px !important;
}
.width1char 
{
    width: 25px !important;
}

span.regInput span.validator 
{
    display: block;
    color: Red;
}





/*********************************************************************/

#copy ul
{
    list-style-image: url(/images/bullet.gif);
}

#copy ul li
{
    margin-left: 20px;
text-indent: -15px;
}
#copy ul li+li
{
    margin-top: 10px;
}
#copy ul + h3, #copy ul + h2
{
    margin-top: 20px;
}

input:focus
{
    background: url(/images/input.jpg) repeat-x;
    border: 2px solid #97C723;
}

/********************** Form rules ***********************************/

div#form
{
   
}
textarea
{
    font-family: Arial;
}

div#form div, div#formExp div
{
    display: block;
    clear: both;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
#formExp .orgSelect
{
    padding: 10px;
    width: 270px;
    background: #FBFFF1;
}
#formExp .orgSelect .error
{
    width: 255px;
}
div#form .alpha
{
    background: #1C60B4;
padding: 10px;
font-size: 1.3em;
font-weight: bold;
color: white;
width: 100%;
text-align: center;
padding: 10px 0px;
margin-bottom: 0px !important;
}
div#form .alpha a
{
    color: #fff;
    text-decoration: none;
}
div#form .alpha + div
{
    margin-bottom: 0px !important;
}
#myeastSection #form
{
    width: 430px;
    float: left;
}
div#formExp 
{
    float: right;
    width: 300px;
}
div#formExp p span
{
    display: block;
}
div#form div span.formInput
{
    float: left;
   
}
.formInput + .formInput 
{
    margin-left: 10px;
}
div#form div span.formInput label , #formExp div span.formInput label, .formInput label
{
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
}
div#form div span.formInput input + label, #formExp div span.formInput input + label
{
    display: inline;
    font-weight: normal;
}
div#form div span.formInput tr, #formExp div span.formInput tr
{
    height: 25px;
}
#form div .formInput p, #formExp div .formInput p
{
    font-size: 1.0em;
    margin: 0px;
}

.width20char 
{
    width: 230px !important;
}
.width16char
{
    width:130px !important;
}
.width1char 
{
    width: 25px !important;
}

span.formInput span.validator 
{
    display: block;
    color: Red;
}

.formClass textarea
{
    width: 400px;
    min-height: 100px;
}
.formClass .formInput
{
    width: 410px;
}

.addQuestionLink
{
    font-size: 1.5em;
}
.removeLink 
{
    float: right;
    margin-top: -20px;
    width: 20px;
    height: 20px;
}
.removeLink img
{
    float: right;
}
.formClass label 
{
    width: 250px;
    
}
.formInput
{
    font-size: 1.2em;
}
.formClass .gridView
{
    
}
.formInput  ul
{list-style: none !important;
    list-style-image: none;
    font-size: 1.2em !important;
    margin-top: 5px;
}
.formInput ul li label
{
    font-weight: normal !important;
    padding: 0px !important;
}
.formInput ul li + li
{
    margin-top: 5px !important;
}

.fullForm
{
    width: 100%;
}
.fullForm label
{
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}
.fullForm input + label, .fullForm textarea + label, .fullForm select + label
{
    margin-top: 20px;
}
.fullForm input[type="text"], .fullForm textarea
{
    width: 90% !important;
    display: block;
    margin-top: 5px;
}
.fullForm select
{
    margin-top: 5px;
}
.fullForm textarea
{
    padding: 5px;
    font-size: 15px;
}
.fullForm select
{
   
}
/************* GRID VIEW STYLES ***********************************/

.gridView 
{
    width: 100%;
    font-size: 1.2em;
    line-height: 1.3em;
}
.gridView .shaded 
{
    background: #fbfff1;
}
.gridView tr + tr 
{
 border-top: 1px solid #adadad;
}
.gridView table tr
{
    border: 0px !important;
}
.gridView tbody td
{
    padding: 10px;
}
.gridView th 
{
    background: #1c60b4;
    padding: 10px;
    color: #fff;
    text-align: left;
}
.gridView th a:link, .gridView th a:active, .gridView th a
{
    color: #fff !important;
}
.gridView td.event_date
{
    background: #1c60b4;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.gridView td img
{
    float: right;
margin-top: -4px;
} 

.event_chart td
{
    height: 10px;
}
.gridView td, .gridView th
{
    width: auto;
    text-align: left;
}
.gridView .addStudent, .gridView .removeStudent
{
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
    color: #054189;
}
.gridView .addStudent + span, .gridView .removeStudent + span
{
    display: none !important;
}
.pageInfo
{
    display: none;
}

.tableSchedule
{
    width: 265px;
    font-size: 1.2em;
    margin-bottom: 10px;
    float: right;
}
    
.tableSchedule tbody td
{
    padding: 5px 0px;
}
#daysList
{
    float: left;
    width: 35px;
    margin-bottom: 20px;
}
#daysList span
{
    display: block;
    padding: 5px 0px;
    font-size: 1.2em;
    font-weight: bold;
}
    
/************ end grid view styles *******************************/

/*************** Journal Responses View **************************/

.allQ .Qtitle 
{
    background: #1C60B4;
color: white;
font-weight: bold;
padding: 10px 5px;
font-size: 1.2em;
line-height: 1.3em;
}
.allQ + .allQ
{
    margin-top: 20px;
   
}
.allQ .Rcontainer
{
    background: #e6e6e6 url(/images/student_response.jpg) bottom repeat-x;
    font-size: 1.2em;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: 0px;
  
    
}
.Qtitle + .Rcontainer
{
    margin-top: 0px !important;
}

.Trespond + div.Rcontainer 
{
    margin-top: 10px;
    padding-top: 10px; 
     border-top: 5px solid #1C60B4;
}


.Rcontainer .Rinfo span 
{
    display: block;
    padding: 10px 5px;
    font-weight: bold;
}

.Rcontainer .Rtext span
{
    display: block;
    padding: 10px 0px;
    line-height: 1.5em;
}

.Rcontainer .Rlinks span
{
    color: #1C60B4;
    text-decoration: underline;
    display: block;
    padding: 10px 10px 0px 0px;
    float: right;
    cursor: pointer;
}
.Trespondbox
{
    position: relative;
    top: -9px;
}
.Trespond span textarea
{
    width: 490px;
    height: 80px;
    margin-bottom: 10px;
}
.Trespond span textarea:focus
{
    background: #fff !important;
}

.Trespond
{
    background: #e6e6e6 url(/images/teacher_response.jpg) top repeat-x;
    
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px !important;
    
    padding: 10px;
    font-size: 1.1em;
    overflow: none !important;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
line-height: 1.5em;
}
.Trespond p
{
    margin-bottom: 0px !important;
    line-height: 1.5em !important;
}



/************************** Site Support Page ******including hover note rules*************************************/

.supportInfo span
{
    display: block;
    font-size: 1.2em;
}
.supportInfo span + span
{
    margin-top: 10px;
}

div.hoverNote 
{
   
    background: #1b60b2 url(/images/noteBackground.gif) bottom left repeat-x;
    padding: 20px;
    position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	
	z-index:1002;
	overflow: auto;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
color: #fff;

}
.hoverNote textarea
{
    width: 70%;
float: left;
margin-left: 100px;
height: 100px;
}
.hoverNote .textareaFill
{
    height: 0px;
   
    padding: 0px;
    margin: 0px;
}

span.quote
{
    background: url(/images/quote.gif) top left no-repeat;
    height: 70px;
    width: 70px;
    display: block;
    float: left;
    position: absolute;
}
.hoverNote p
{
    margin-left: 100px;
}

div.blackout
{
   
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}


.hoverNote #links
{
    display: block;
    width: 100%;
    float: left;
}
.hoverNote .links span
{
    margin-top: 20px;
    margin-left: 100px;
    font-size: 1.2em;
    text-decoration: underline;
    font-weight: bold;
    color: #97c723 !important;
    display: block;
    float: left;
}
.hoverNote .links span + span
{
    float: left;
    display: inline;
   margin-left: 20px;
}

/*
.hoverNote .links input[type="submit"] + input[type="submit]
{
   
   
}
*/

.hunper 
{
    width: 100%;
    display: block;
}

.hunper textarea
{
    margin: 10px 0px;
    width: 95%;
}
.alignright
{
    text-align: right;
}

.gridView td span
{
    display: block;
}
.gridView td span + span
{
    margin-top: 5px;
}

/*************** Add Class Page (including the formExp part ******************/

#formExp .blueBack
{
    
    background: #1C60B4;
    padding: 10px;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
}

#formExp span.classTitle
{
    display: block;
    background: #fbfff1;
    padding: 10px;
    font-size: 1.3em;
    color: #000;
    border: 1px solid #1c60B4;
}

#formExp span.classTitle img
{
    float: right;
    margin-top: -5px;
}

#formExp .classList div
{
    width: 240px;
    margin: auto;
    height: 200px;
    background: #1C60B4;
    color: #fff;
    font-size: 1.2em;
    padding: 10px;
}
#formExp .classList div.clearfix
{
    width: 0px !important;
    height: 0px !important;
    padding: 0px !important;
   
}

.classList div .day
{
    font-weight: bold;
    width: 30px;
    display: block;
    float: left;
    height: 20px;
}

.classList div .classTime
{
    display: block;
    float: right;
    width:200px;
    height: 20px;
}
    
    
    
    
    /************ slider ***********/
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:970px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:970px;
   
   margin-bottom: 30px;
	background:url(loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:435px;
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/****************** story sytles in #copy *******************/

#copy .story
{
    line-height: 1.5em;
margin-top: 10px;
float: left;
border-bottom: 1px solid #B5B5B5;
padding-bottom: 10px;
}
#copy .story a
{
    display: block;
    font-weight: bold;
    font-size: 1.5em;
    color: #1E67c1;
    line-height: 1.5em;
}
#copy .story .timedate
{
    display: block;
color: #97C723;
font-size: 1.1em;
margin: 5px 0px;
}
#copy .story p
{
    font-size: 1.2em;
    line-height: 1.5em;
}

/************* width4 list styles (tutorials) *****************/

.width4 ul li
{
    list-style: none;
    display: block;
    margin-left: 0px !important;
    text-indent: 0px !important;
}
.width4 ul li + li
{
    
    border-top: 1px solid #b6b6b6;
    font-size: 1.1em !important;
    font-weight: normal !important;
    
} 

.width4 ul li
{
    font-size: 1.1em ;
    padding-bottom: 5px;
    padding-top: 15px;
    display: block;
}
.width4 ul a + a:hover
{
   
   
}
    
    
    
/************ Filter Results ****************/
#filterBox
{
   border: 1px solid #1c60b4;
   background: #edfcc8;
     border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
padding: 10px;
}
#myeastSection #filterBox
{
     background: #FBFFF1 !important;
     border: 0px !important;
}
#filterBox span
{
    display: block;
float: left;
margin-top: 15px;
width: 100%;
} 
#filterBox span label
{
    font-weight: bold;
    font-size: 1.2em;
}
#filterBox h3
{
    margin-bottom: 20px;
}

a.filter
{
    padding: 5px;
    background: #9e9e9e;
    margin: 20px 10px 20px 0px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
color: #fff;
text-decoration: none;
}
a.clearFilter
{
    display: block;
    margin-top: 20px;
    float: right;
}

a.filter:hover
{
    color: #fff !important;
    background: #97c723;
}
a.filter.currentFilter
{
    background: #1f408f;
}
#filterResults
{
    margin-bottom: 20px;
}
.alphabet
{
       background: #1C60B4;
padding: 10px;
font-size: 1.3em;
font-weight: bold;
color: white;
width: 100%;
text-align: center;
padding: 10px 0px;
margin-bottom: 0px !important;
}
.alphabet a
{
    color: #fff;
    text-decoration: none;
}
.alphabet a + a
{
    margin-left: 10px;
}

.gridTitle
{
    background: #FBFFF1;
     border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
padding: 10px;

box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
}
.gridTitle .gridTitleLeft
{
    display: block;
    float: left;
    width: 300px;
}
.gridTitleLeft label
{
    font-size: 1.2em;
    margin-bottom: 10px;
    display: block;
}
.gridTitle .gridTitleRight
{
    display: block;
    float: left;
    width:440px;
    margin-top: 13px;
    font-size: 1.2em;
}
/********* Image Gallery **************/

.anythingControls ul li, .anythingWindow ul li
{
    text-indent: 0px !important;
    margin: 0px !important;
}

 /* images with caption */
 .anythingBase img { width: 100%; height: 100%; }
 /* position the panels so the captions appear correctly */
 .anythingBase .panel { position: relative; }
 /* captions */
 
 .anythingBase .caption-bottom {
  background: #000;
  color: #fff;
  padding: 10px;
  margin: 0;
  position: absolute;
  z-index: 10;
  opacity: .8;
  filter: alpha(opacity=80);
 }
  .anythingBase .caption-bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
 }
 .anythingBase .caption-bottom, .caption-bottom a
 {
     color: #fff;
 }
 
 /****************** Add Student ******************/
 
 span.studentEmail
 {
     display: block;
     font-weight: bold;
     padding: 5px 0px;
 }
 span.studentUsername
 {
     display: block;
     font-weight: bold;
     padding: 5px 0px;
 }
 span.birthdate
 {
     display: block;
     font-weight: bold;
     padding: 5px 0px;
 }
 span.userTitle
 {
     display: block;
     font-weight: bold;
     padding: 5px 0px;
 }
 
 
 /********* Help Ticket .grid **************/
 

 .grid .gridTime
 {
    color:#054189;
    font-weight: bold;
    font-size: .9em;
 } 
 
 .gridView.grid
 {
     line-height: 1.5em;
     vertical-align:bottom;
 }
 .grid p
 {
     font-size: 100% !important;
     margin-bottom: 5px !important;
 }
 
 /****** Project Add Steps progress ***********/
 
 .progress
 {
     width: 100%;
     height: 60px;
     float: left;
     clear: both;
     margin-bottom: 40px;
     background: url("/images/inactive_step.gif") repeat;
     
     
 }
 .progress #step1, .progress #step2, .progress #step3
 {
     float: left;
     width: 252px;
     height: 40px;
     padding: 10px 0px;
     
 }
 .progress #step2
 {
     width: 254px !important;
 }
 .progress div + div
 {
     border-left: 1px solid black;
 }
 .progress span
 {
     font-size: 1.3em;
     display: block;
     margin-left: 10px;
     font-weight: bold;
 }
 .progress span + span
 {
     margin-top: 5px;
    font-style: italic;
    font-size: 1.1em;
    font-weight: normal;
 }
 .progress .currentStep
 {
     background: url("/images/active_step.gif") repeat !important;
     color: #fff;
 }
 .progress .prevStep
 {
     background: url("/images/next_step.gif") repeat;
     color: #fff;
 }
 
 /*********** View Project List ************/
 .gridView.projects img
 {
     float: none;
     margin-right: 10px;
 }


/******** Register Info Box registerInfo *********/

.registerInfo
{
    display: block;
    float: right;
    width: 280px;
       border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.registerInfo span
{
    display: block;
}
.registerInfo span + span
{
    margin-top: 20px;
}
#form
{
    min-height: 200px;
}

/**********survey rules **********/
.surveyAll
{
    width: 100%;
}
.surveyAll .surveyQuestion
{
    width: 100%;
    background: #1C60B4;
color: white;
font-weight: bold;
padding: 10px 5px;
font-size: 1.2em;
line-height: 1.3em;
}
.surveyAll .surveyInput textarea
{
    width: 450px;
    height: 130px;
    margin: auto;
}
.surveyInput
{
    background: url(/images/answer_bubble.gif) top center no-repeat;
    text-align: center;
    width: 100%;
    height: 170px;
    padding-top: 30px;
}
.surveyAll + div
{
    margin-top: 10px;
}



#facilitatorSurvey div p{margin-bottom: 1px; margin-top: 10px;}


/* ===================================================
                    Contact PAGE
====================================================== */
.contactAddress{padding:10px; color:#fff!important; background:#1f4795;}
.whiteLink,.addressLink{ color:#fff; text-decoration:none;}
.addressLink{font-weight:bold; margin-bottom:5px; display:block;font-size:18px!important;}
.staffMember{width: 375px; height: 127px; float:left; margin-bottom:20px;}
.staffMember:nth-child(odd){float:right;}
.staffMember img{border-radius: 50%; border: solid 5px #03163f; background:#03163f; position:relative; z-index:2; width:125px; height:125px;}
.staffMember img, .staffInfo{float:left;}
.staffInfo{
    display: inline-block;
    background: #1f4795;
    padding: 5px 15px 5px 85px;
    text-decoration: none;
    width: 155px;
    height: 110px;
    position: relative;
    z-index: 1;
    margin-left: -75px;
    margin-top: 8px;
}
.staffInfo h3{color:#fff!important; font-size:18px!important; border-bottom: solid 4px #487CE0; padding-bottom:5px; padding-top:5px!important; margin-bottom:0px;}
.staffInfo p{color:#fff; font-weight: bold;}
.staffInfo span{
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 166px;
    background: #487CE0;
    left: 0;
    padding: 5px;
    padding-left: 84px;
}

.staffContact{
    float: left;
    background: #03163f;
    width: 29px;
    height: 110px;
    margin-top: 8px;
    padding: 5px;
}

.staffEmail{width:100%; display: block; height:22px; background:url(/images/about_contact/mail.png); background-size: 100% auto; background-size:contain; background-repeat:no-repeat;}
.staffTw{margin-top: 19px; width:100%; display: block; height:22px; background:url(/images/about_contact/tw.png); background-size: 100% auto; background-size:contain; background-repeat:no-repeat;}
.staffLin{margin-top: 19px; width:100%; display: block; height:28px; background:url(/images/about_contact/lin.png); background-size: 100% auto; background-size:contain; background-repeat:no-repeat;}

.staffEmail:hover, .staffTw:hover, .staffLin:hover{opacity:.5;}



/*==================================================*/
/*  $Tooltips                                       */
/*==================================================*/
[data-tip] {
        position:relative;
}
[data-tip]:before {
        content:'';
        /* hides the tooltip when not hovered */
        display:none;
        border:5px solid #487CE0;
        /* 4 border technique to create the arrow */
        border-top-color:#487CE0;
        border-right-color:transparent;
        border-bottom-color:transparent;
        border-left-color:transparent;
        position:absolute;
        top:-9px;
        right:10px;
        z-index:8;
        font-size:0;
        line-height:0;
        width:0;
        height:0;
}
[data-tip]:after {
        display:none;
        content:attr(data-tip);
        position:absolute;
        top:-37px;
        right:0;
        padding:5px 8px;
        background:#487CE0;
        color:#eee;
        z-index:9;
        font-size: 15px;
        height:18px;
        line-height:18px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        white-space:nowrap;
        word-wrap:normal;
        margin-right:-5px;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
        display:block;
}