/* SHARED CONTENT DIVS + CLASSES */


.layoutDiv
{
border:0px dashed #ffffff;
}

.contentPlaceholder
{
width:924px;
height:500px;
margin:0px 0px 0px 50px;
}


.contentBox
{
background-color:#ffffff;
color:#222244;
border:1px solid #cccccc;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

.contentBox h1
{
color:#0055aa;
}


.contentBox2
{
color:#ffffff;
border:8px solid #ff0000;
background-color:#ff6600;
}

.contentBox2 h1,.contentBox2 h2,.contentBox2 h3
{
color:#ffeeaa;
}

.contentBox2 a
{
color:#88bbff;
text-decoration:none;
}

.contentBox2 .fieldName
{
color:#ffffff;
}

.contentBox2 button
{
border:3px solid #ffffff;
}


.superInnerContent
{
padding:40px;
}

.innerContent
{
padding:20px;
}

.fieldRow
{
clear:both;
padding-bottom:4px;
}

.labelCell
{
padding-top:6px;
width:150px;
float:left;
}


.fieldCell
{
float:left;
}
 
  
#mask
{  
position:fixed;
z-index:9000;  
background-color:#ffffff;  
display:none;  
}  
    
.modalWindow
{  
position:fixed;  
display:none;  
z-index:9999;  
border:3px solid #bbbbbb;
overflow: visible !important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-box-shadow: #cccccc 0px 5px 25px;
-moz-box-shadow: #cccccc 0px 5px 25px;
}  

.contextMenu
{  
position:absolute;  
display:none;  
z-index:9999;  
border:6px solid #eeeeff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-webkit-box-shadow: #666666 0px 5px 10px;
-moz-box-shadow: #666666 0px 5px 10px;
}  


table.dataTable tr
{
background-color:#ffffff;
}


table.dataTable tr.altRow
{
background-color:#eaeeff;
}

table.dataTable tr:hover
{
background-color:#0088ff;
color:#ffffff;
}

table.dataTable tr:hover td a
{
color:#ffbbaa;
}

table.dataTable tr td
{
padding:4px 4px 4px 0px;
}


table.dataTable tr th,.tableFooter
{
padding:4px 0px;
vertical-align:bottom;
border:solid #ccccff;
border-width:1px 0px;
background-color:#ffffff;
}




#piechart,#piechart div,#piechart img
{
width: 300px;
height: 100px;
display: block;
background-position:50% 50%;
background-repeat:no-repeat;
}

#piechart {
  position: relative;
}



#piechart div,#piechart img {
  position: absolute;
}




table.dataList tr th
{
vertical-align:bottom;
border:solid #cccccc;
border-width:0px 0px 1px 0px;
padding:5px 0px;
}

table.dataList tr td
{
padding:3px 10px 3px 0px;
border:solid #eeeeee;
border-width:0px 0px 1px 0px;
}

table.dataList tr.altDataRow td
{
background-color:#eeeeff;
}


#ul_matchList li
{
border:1px solid #cccccc;
padding:2px 4px;
margin-bottom:2px;
}

#ul_matchList li:hover
{
color:#ffffff;
background-color:#0088ff;
}



/* STRUCTURAL DIVS + CLASSES */


#header
{
margin:0px;
padding:0px;
background-repeat:repeat-y;
background-position:top right;
border:0px;
}

#navigation
{
padding:15px 0px 20px 0px;
background-color:#ffffff;
}

#navigation ul
{
width:900px;
margin:0px auto;
padding:0px;
}

#navigation ul li
{
padding:4px 4px;
margin-right:20px;
float:left;
}

#navigation ul li a
{
color:#aaaaaa;
font-size:18px;
}

#navigation ul li a:hover
{
color:#cc66cc;
}

#navigation ul li a.altNav
{
color:#aaaaaa;
}


#navigation ul li a.active
{
color:#0055ff;
position:relative;
}

ul.subnavigation
{
margin-top:10px;
}


ul.subnavigation li
{
margin-right:20px;
float:left;
}

ul.subnavigation li a
{
color:#0088aa;
}

ul.subnavigation li a.active
{
color:#aaaaaa;
padding-bottom:3px;
border-bottom:1px solid #cccccc;
}


#content
{
padding:0px 30px 30px 50px;
background-color:#ffffff;
}



#footer
{
height:224px;
clear:both;
background-repeat:repeat-y;
background-image:url(../../../_images/_structure/bird_brain_science_footer.jpg);
}








/* FORM */

.fieldName
{
color:#0033aa;
font-weight:bold;
}

.fieldInstructions
{
font-size:11px;
}

.message
{
color:#0055ff;
font-weight:bold;
}

.inputError
{
border:1px solid #ff0000;
background-color:#ffaaaa;
}

.blockError
{
border:1px solid #ff0000;
background-color:#ffcccc;
}



/* HTML TAGS */

html
{
height:100%;
}

body
{
height:100%;
margin:0px auto;
padding:0px;
color:#333355;
width:984px;
font-size:12px;
font-family:arial,tahoma,verdana,sans-serif;
border:0px;
background-repeat:repeat-y;
background-position:top center;
background-attachment:fixed;
background-color:#ffffff;
}


div
{
margin:0px;
padding:0px;
border:0px;
}

table,tr,td
{
margin:0px;
padding:0px;
font-size:12px;
font-family:arial,tahoma,verdana,sans-serif;
}

table tr td
{
vertical-align:top;
}

th
{
vertical-align:top;
color:#000088;
font-weight:bold;
text-align:left;
}

p
{
line-height:18px;
margin:0px 0px 10px 0px;
padding:0px;
}

form
{
margin:0px;
padding:0px;
display:inline;
}


label
{
margin:0px;
padding:0px 20px 0px 0px;
text-align:right;
display:block;
}

img
{
margin:0px;
padding:0px;
border:0px;
display:block;
}


a
{
color:#ff8800;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
border:0px;
outline:none;
}

a.button
{
color:#555566;
font-weight:normal;
cursor:pointer;
border:1px outset #8899aa;
background-color:#ddddee;
padding:4px;
margin:4px;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

a.dullButton
{
display:block;
cursor:default;
color:#ddcccc;
border:1px solid #cccccc;
background-color:#fcfcfc;
padding:4px;
margin:4px;
}


a.editButton
{
position:absolute;
top:0px;
left:-30px;
visibility:hidden;
}


h1,h2,h3,.h1,.h2,.h3
{
padding:0px;
margin:0px;
color:#0088ff;
font-weight:bold;
font-family:arial,verdana,times,sans-serif;
}


h1,.h1 { font-size:22px; margin:0px 0px 10px 0px; color:#0055aa; }
h2,.h2 { font-size:16px; }
h3,.h3 { font-size:14px; }

ol
{
margin:0px 0px 0px 20px;
padding:0px;
text-indent:0px;
}



ul
{
margin:0px;
padding:0px;
text-indent:0px;
list-style:none;
}


ul.bulleted li
{
margin:0px 0px 5px 5px;
text-indent:0px;
list-style-type:disc;
background-repeat: no-repeat;
padding-left:5px;
}

ul.spaced li,ol.spaced li
{
margin:20px 0px;
}


textarea 
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
}

hr
{
border:dashed #ccccff;
border-width:2px 0px 0px 0px;
margin:20px 0px;
}


input
{
width:200px;
}

input.radio
{
width:auto;
clear:both;
float:left;
}

input.checkbox
{
width:auto;
}

button
{
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:2px 8px;
font-family:arial,tahoma,verdana,sans-serif;
background-image:url(../../../_images/_structure/buttonBGr.jpg);
background-repeat:repeat;
border:1px solid #555555;
cursor:pointer;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

button.button2
{
font-size:12px;
font-weight:bold;
color:#223366;
font-family:arial,tahoma,verdana,sans-serif;
background-image:url(../../../_images/_structure/button2BGr.jpg);
background-repeat:repeat;
background-color:#cceeff;
border:1px solid #aaaaaa;
cursor:pointer;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}

iframe
{
border:0px;
}

legend
{
margin:0px;
padding:0px 20px 0px 0px;
text-align:right;
display:block;
float:right;
}

fieldset
{
padding:0px;
margin:0px;
border:0px;
}



/* SINGLE-STYLE CLASSES */

.float {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.absolute {position:absolute;}
.relative {position:relative;}

.block {display:block;}
.inline {display:inline;}


.indent {margin-left:25px;}
.superindent {margin-left:60px;}
.verticalMargins {margin-top:30px;margin-bottom:30px;}
.verticalPadding {padding-top:20px;padding-bottom:20px;}
.horizontalMargins {margin-left:20px;margin-right:20px;}
.horizontalPadding {padding-left:20px;padding-right:20px;}
.bottomMargin {margin-bottom:30px;}
.topMargin {margin-top:30px;}
.bottomPadding {padding-bottom:30px;}
.topPadding {padding-top:30px;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.textCenter {text-align:center;}
.textRight {text-align:right;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.italic {font-style:italic;}

.altH {color:#008855;}
.altA {color:#0055ff;}
.error {color:#ff0000;}

.border {border:1px solid #cccccc;}
.whiteBorder {border:1px solid #ffffff;}

.hand:hover {cursor:pointer;}
.hover:hover {text-decoration:underline;}

.white {color:#ffffff !important;}
.red {color:#ff0000 !important;}
.green {color:#22dd22 !important;}
.pink {color:#ff55ff !important;}
.plum {color:#aa00aa !important;}
.sky {color:#0088ff !important;}
.grey {color:#aaaabb !important;}
.blue {color:#0055aa !important;}
.dull {color:#cccccc !important;}

.accessinvisible {width:0px; height:0px; overflow:hidden; display:block; }