/*    Master Template
------------------------------*/
 

html {
background: #555; //url(/content/graphics/master/gradient_bg_white) top left repeat-x;  
} 
 
body {  
 color:#222222;  
 font:x-small/140% Arial, Helvetica, sans-serif; 
 
 
 vertical-align:top;  
 background: url(/content/graphics/master/body_bg) 
 
top left repeat-y;  
}  
 
/* NEW BANNER & NAV */
 

ul#nav {
 list-style: none;
 padding: 0;
margin: 0;
margin-left: 5px;
}
 
#topics_nav {
clear: both;
 background: #E5E6E5 
url(/content/graphics/master/topic_nav_bg) bottom left 
repeat-x;   
        display: block;
 padding: 0px 0px;
 margin: 0px;
 height: 23px;
border-bottom: 1px solid #999;
}
 
#topics_nav form {
float: left;
margin: 0;
padding; 0;
padding-left: 8px;
}
#topics_nav select, #topics_nav input {
margin-top: 3px;
}
#topic-jump {
position: absolute;
top:95px;
left: 587px;
}
#topic-jump select{
width: 185px;
}

#nav {
 float: center;
}
 
#nav a {
display: block;
 font-weight: bold; 
 padding: 5px 12px 4px 12px;
color: #333;
 font-family: arial, sans-serif;
 font-size: 13px;
 text-decoration: none;
 border-right: 1px solid #999;
}
 
#nav div { 
     padding: 0;
margin: 0;
}
 
#nav li {
 float: left;
 position: relative;
 text-align: left;
 cursor: default;
padding: 0;
margin: 0;
}
 
li#first {
 border-left-width: 0em;
}
 
li#last {
 border-right-width: 0em;
}
#nav a:hover {
 text-decoration: none;
 color: #758FC2;
}

#nav li ul {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 font-weight: normal;
 font-size: 80%;
 padding: 0px 0 0 0;
 color: #fff;
 margin-top: 0px;
z-index: 8;
}
 
#nav li>ul {
 top: auto;
 left: auto;
}
 
#nav li li a {
 display: block;
        font-family: verdana, arial, sans-serif;
 font-size: 1.4em;
 color: #fff;
 font-weight: normal;
 padding: 5px 5px 5px 10px;
 border-bottom: 1px solid #5fad42;
 background: #91C56F;
        margin: 0;
}
 
#nav li li a:hover {
 border-bottom: 1px solid #999;
 background: #fefcdd;
        color: #4677C2;
}

#nav li li {
 display: block;
 clear: both;
 float: none;
 background-color: #666;
 border: 0;
 width: 250px;
         margin: 0;
padding: 0;
}
 
#nav li:hover ul, #nav li.over ul {
display: block;
margin: 0;
}
 
/* Holly Hack. IE Requirement \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */
 
#banner_caption {
float: right; 
 color: #fff; 
 padding: 11px 5px;
}
#banner_image h1 {
display: none;
text-indent: -9999px;
}
#banner_image h1 a {
display: block;
height: 95px;
text-indent: -9999px;
}
 
#login {
display: block;
text-align: right;
padding: 1px 0;
background: #758fc2;
color: #fff;
}
#login a {
color: #fff;
text-decoration: underline;
}
 
#login ul {display: inline; margin: 0; padding: 0;}
#login ul li {display: inline; padding-left: 8px;}
#login h3, #login p {display: inline;}
 
#context_bar {
 padding: 3px 7px; 
 margin: 0;
 font-family: arial;
 font-size: 115%;
}

#context_bar a:hover {
background: none;
}
 
#breadcrumbs {color: #fff;
 padding: 0 0 3px 0;}
}
 
#topic-jump option {
padding: 2px;
width: 300px;
}
 
/* END NEW BANNER & NAV */
 

/* Left Side Navigation */

#logo {
margin: 0 14px 4px 0;

}

#logo img {
}

#quicksearch {
position: absolute;
top: 60px;
left: 150px;
} 
#quicksearch form {

}
#quicksearch input  {
margin: 0;
padding: 2px;
}

#quicksearch a {
color: #4677C2;
}

#left p {
color: #eee;
}

#left p a {
color: #eee;
}

#left p a:hover {
color: #4677C2;
}

#left img {

}
 
#left form {
margin: 0 0 5px 0;
padding: 0;
}

ul.tab {  
width: 132px;
 color: #333333;  
text-align: left;
padding: 0;
margin: 0 0 10px 10px;
} 
 
ul.tab li {
list-style: none;
border-left: 1px solid #999;
border-bottom: 1px solid;
text-align: right;
padding: 0 12px 0 0;
}
 
ul.tab li select {
margin: 3px 2px 5px 7px;
}
#left h2 {
font-size: 13px;
white-space: nowrap;
padding: 0px 8px;
text-align: right;
font-family: Arial;
margin: 0 0 -3px 10px;
padding: 2px 18px 6px 0;
background:  url(/content/graphics/master/left-stripe-tab) 0 0 repeat-y; 
border-top: 1px solid #999;
}
 
.tab a { 
margin: 0; display: block; 
padding: 4px 5px 4px 0; 
color:#333; 
text-decoration: none;
font-size: 1.1em;
width: 112px;}  

ul.tab li.tab-action a, 
ul.tab li.tab-topic a, 
ul.tab li.tab-reading a,
ul.tab li.tab-admin a {
color: #eee;
}

ul.tab li a:hover {
color: #758fc2;
}  
 
ul.tab li.tab-topic { 
        color: #758fc2; 
background: url(/content/graphics/master/tab-practice) top right repeat-y;
} 
 
ul.tab li.tab-action { 
        color: purple; 
background: url(/content/graphics/master/tab-getinvolved) top right repeat-y;
} 
 
.tab-case{ 
        color: #db0029; 
} 
 
.tab-images { 
        color: #a1a1a1; 
} 
 
.tab-network { 
        color: #f8a541; 
} 
 
.tab-sp { 
        color: #F7D348; 
} 
 
ul.tab li.tab-reading { 
        color:  #5fad42;  
background: url(/content/graphics/master/tab-research) top right repeat-y;
} 
 
.tab-default { 
} 
 
.tab-admin{ 
color: #777;
background:  url(/content/graphics/master/tab-admin) top right repeat-y; 
}
 
 

/*  Beta Test Toolbar */
 
#betatest {  height: 3em; margin: 0;  padding: 1em;  color: #62AF46; background: #fff; vertical-align: middle; border-top: 

double; text-align: left; }
 
#betatest h2 {  
margin: 0 1em 0 0;
color: #ccc;
font-size: 2em;
padding: 0 5px 0 0;
float: left;
 }
 
#betatest a:link, #betatest a:visited {color: #62AF46; text-decoration: underline;}
 
#betatest form { float: left; margin: 5px;}

.footer {
background-color: #eee;
height: 50px;
}