/* Colors
# Light Grey (Background): #efefef
# Darker Grey (Demphasis Text): #A1999A
# Light Blue (Side Bar Background): #d3e9f6
# Medium Blue: #014fb9;
# Light Green (Main Panel Background): #b5edbc
# Medium Green: #53b229
# Dark Green: #419421

# Green: #0a9c11
# Dark Green: #07660c

*/

/*********************
Structural
*********************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

ul { list-style-type: none; }
ul.bullets { list-style-type: disc; }

div.main { margin: 0px auto; }

div.center {
    margin: 0 auto;
    width: 985px;
    text-align: left;
}

abbr { border-bottom: none }

div.contents { background: white; padding: 24px; }


/*******
* Header 
*******/
div#header_bar {
    color: #ffffff;
    height: 29px !important;
    height: 44px;
    padding: 14px 0px 0px;
}

div#header_bar div#logo { position: relative; bottom: 14px; }
div#header_bar ul#personal_nav li a, div#header_bar ul#broad_nav li a {
    color: white;
    font-size: 13px;
}

div#header_bar ul#broad_nav li a { font-weight: bold; }
div#header_bar ul#broad_nav { margin-left: 12px; }


/******************
* Generic Classes *
******************/
div#tos { margin-top: 32px; }
p.page_exp { margin-bottom: 32px; }
.aux_form_txt { display: block; color: #b9b9b9;}

.grp { padding: 16px 12px; border: 1px solid #e1e1e1; margin: 0 0 16px; }
.grp_ttl { font-size: 16px; margin-bottom: 16px; font-weight: normal; line-height: 16px;}
.grp_cntnt { margin-bottom: 16px; }

.float_right { float: right; }
.float_left { float: left; }

div.left { width: 48%; }
span.link_in_header { font-size: 12px; font-weight: normal;}
span.radio_bttn { display: block; margin: 8px 0; }
div.sub_header { font-size: 14px; font-weight: bold; }
li.horizontal { display: inline; margin: 0 4px 0 0; }

a.rbutton { background: transparent url(/images/regular1.gif) no-repeat scroll left top; float: left; text-decoration: none; margin-bottom: 32px; }
a.rbutton .tr { background: transparent url(/images/regular1.gif) no-repeat scroll right top; }
a.rbutton .bl { background: transparent url(/images/regular1.gif) no-repeat scroll left bottom; }
a.rbutton .br { background: transparent url(/images/regular1.gif) no-repeat scroll right bottom; }
a.rbutton span { display: block; color: #5A584B; font-size: 12px; font-weight: bold; padding: 8px 18px; text-align: center;}
span.rbutton_text { position: relative; top: 8px; left: 10px; }


/** Supplemental **/
div.supp div.item { margin-bottom: 36px; }
span.supp_title { font-weight: bold; line-height: 16px; }
a.supp_link { font-weight: bold; line-height: 16px;}

/******************
* Basic Elements  *
******************/
a:link, a:visited { text-decoration: none; color: #016dff; }
a:hover {text-decoration: underline;}
a:link img, a:visited img { border: 0; }
a:hover img { text-decoration: none; }

h1 { font-size: 24px; margin-bottom: 32px; line-height: 32px; }
h2 { font-size: 18px; margin: 0px 0px 16px 0px; }
h3 { font-size: 14px; line-height: 16px; }
h4 { font-size: 12px; font-weight: bold; }

p, span { line-height: 16px; }
span.non_header { font-size: 12px; font-weight: normal; }

/*********************
PRIVACY / TOS
*********************/
div#privacy, div#tos { width: 700px; }
div#privacy div.section, 
div#tos div.section { 
    margin: 32px 0; line-height: 16px;
}
div#privacy div.section p,
div#tos div.section p { 
    margin: 16px 0;
}
div#privacy div.section ul,
div#tos div.section ul { 
    margin: 16px 0;
}
div#privacy div.section li, 
div#tos div.section li { 
    margin: 16px 0 16px 24px;
}


/******************
* Tab Navigation  *
******************/

div.tabs_container { margin: 31px 0 17px; }
ul.tabs li { display:inline; }
ul.tabs li a {
    background: #f0f0f0;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    display: inline;
    font-weight: bold;
    padding: 5px 10px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}
ul.tabs li.current a { 
    color: #333333;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
div.tab_settings { border-top: 1px solid #cccccc; margin: 5px 0 0 -5px; }


/*********************
Generic Classes
*********************/

ul#personal_nav a, ul#broad_nav a { padding: 14px 12px; }
ul#personal_nav li.horizontal, ul#broad_nav li.horizontal { margin: 0; }

.p_under { margin-bottom: 16px; }

.demphasis { color: #888888; }
.vert_align_top { vertical-align: top; }
span.req { color: red; }

div.blue_box
{
    background: url(/images/small_grey_box_grad.gif) repeat-x;
    border: solid 1px #CCCCCC;
    padding: 4px;
    margin-right: 8px;
}

div.next_to_blue_box
{
    padding-top: 3px;
    background-color: white;
}

.round {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

ul.table {
    width: 100%;
    margin-top: 18px;

}

ul.table li {
    display: inline;
    float: left;
    width: 260px;
    margin-bottom: 4px;
}

div.action_menu {
    float: right;
    padding: 0 18px 0 20px;
    border-left: 1px solid #CCCCCC;
}

div.action_menu li {
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}

div.action_menu li.middle {
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

div.action_menu li.last {
    border-bottom: 0px;
}

div.action_menu li a {
    font-weight: bold;
}

div.action_menu li div.inactive a, div.action_menu li span.demphasis {
    font-weight: normal;
    color: #A1999A;
}

div.action_menu img {
    margin: 0 8px 0 0;
    position: relative;
    top: -2px;
}

div.section_header, tr.section_header th { 
    background: #deeffe;
    padding: 8px;
    margin-bottom: 16px;
    border-top: 1px solid #abd6ff;
}
div.section_header { font-weight: bold; }
div.section_header h2 { font-size: 14px; margin-bottom: 0; padding-bottom: 0; }
tr.section_header th { background: #deeffe; }
div.section { margin: 32px 0; }


/*********************
Tables
*********************/
table { 
    border-collapse: collapse;
    font-size: 12px;
    line-height: 16px;
}

td.text {
    text-align: right;
}

td.value {
    padding-left: 12px;
}

td.blue_box {
    background: url(/images/small_grey_box_grad.gif) repeat-x;
    border: 1px solid #CCCCCC;
    padding: 4px;
    vertical-align: top;
    text-align: right;
}

td.next_to_blue_box {
    padding: 4px 0 0 4px;
}

/*********************
Success / Errors
*********************/
div.limit_width { text-align: left; width: 600px; }
div.success, div.errors, div.notice, div.error, div.errorExplanation {
    margin: 0px 0px 32px 0px;
    padding: 16px;
}
div.success img, div.errors img, div.notice img, div.error img {
    float: left;
    margin-right: 8px;
    position: relative;
    bottom: 1px;
}
div.success h2, div.errors h2, div.notice h2, div.error h2 {
    font-weight: normal;
    padding-bottom: 0px;
}
div.success { background: #E6F8DD; } 
div.errors, div.errorExplanation, div.error { background: #FFC0C0; }
div.errors li, div.errorExplanation li {
    background-image: url(/images/exclamation.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 2px 0px 2px 20px;
    margin-bottom: 2px;
}
div.errors img { margin-bottom: 4px; }
div.notice { background: #FFFFD7; }
div.notice img {
    margin-right: 8px;
    position: relative;
    bottom: 1px;
}
div.no_results {
    background: #FFFFD7;
    margin: 16px 0px 80px 0px;
    padding: 16px;
}
div.no_results ul.bullets { margin: 8px 0 0 24px; }
div.no_results ul.bullets li { margin: 6px 0px; }

/*********************
Pagination
*********************/
div.pagination { margin-top: 36px; }
div.pagination a {
    border:1px solid #CCC;
    font-weight: bold;
    padding: 8px;
}

div.pagination span.disabled {
    border:1px solid #CCCCCC;
    color: #A1999A;
    padding: 8px;
}

span.current {
    padding: 8px;
    color: #333333;
    font-weight: bold;
}

/*********************
Snapshot
*********************/
ul.zebra li.bar { background: #f1f1f1; }
table.zebra tr.bar { background: #f1f1f1; }

ul.snapshot li { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dotted #cccccc; }
li.large div.info { font-size: 14px; }

span.no_color_link { color: #333333; }

em.color_box {
    background: #cecece;
    color: white;
    font-style: normal;
    padding: 8px;
    margin-right: 12px;
}



/*********************
Job Snapshot
*********************/
ul.job_post_list li.large { height: 32px; line-height: 16px; }
ul.job_post_list li { height: 32px; }
ul.job_post_list li div.info { height: 32px; font-size: 12px; }
ul.job_post_list li.large div.info { height: 32px; font-size: 14px; }
ul.job_post_list li div.new {
    background: #cecece;
    padding: 8px;
    color: white;
}
em.last { margin-right: 0; }


/*********************
Organization Snapshot
*********************/
ul.organization_list li div.info { line-height: 16px; margin: 8px 0; }

a.tooltip_link {
    position: relative;
    top: 4px;
}

/*********************
Help
*********************/
div.help {
    padding: 18px;
    background-color: #ffffd7;
    margin-bottom: 48px;
}

div.help h4 img {
    position: relative;
    bottom: 2px;
    margin-right: 6px;
}

/*********************
Not Found
*********************/
div#not_found { height: 400px; }

div#invalid_ninja { padding: 54px 0; text-align: center; }

/*********************
Search
*********************/
div.search span.search_name { font-weight: bold; }
div.search input { font-size: 18px; margin: 4px 8px 4px 0px; }
div.search input.submit_button { position: relative; top: 16px; }
div.search div#adv_search_links { 
    position: relative;
    top: 18px;
}

/*********************
Buttons
*********************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

.clear_floats
{
    clear: both;
}

/* WUFU BUTTONS */

.wufoo_button a, .wufoo_button button{
    display:block;
    float:left;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding: 5px 10px 6px 7px !important; /* Links */
    padding: 4px 10px 4px 7px;
}

.wufoo_button a
{
    padding: 5 10 8 7 !important;
    padding: 4px 10px 4px 7px;
}

.wufoo_button button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.wufoo_button button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.wufoo_button button img, .wufoo_button a img{
    margin:-3px 3px -1px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.wufoo_button button:hover, .wufoo_button a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.wufoo_button a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative {
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#control_overlay {  
    background-color:#000;
} 

.modal {  
    background-color:#fff;
    padding:10px;
    border:1px solid #333;
} 


.simple_window {  
    width:250px;
    height:50px;
    border:1px solid #000;
    background-color:#fff;
    padding:10px;
    text-align:left;
    font-family:"Lucida Grande",Verdana;
    font-size:12px;
    color:#333;
} 

.window {  
    background-image:url("/stylesheets/window_background.png");
    background-position:top left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:10px;
    font-family:"Lucida Grande",Verdana;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    min-width:150px;
    min-height:100px;
} 

.window .window_contents {  
    margin-top:10px;
    width:100%;
    height:100%;
} 

.window .window_header {  
    text-align:center;
} 

.window .window_title {  
    margin-top:-7px;
    margin-bottom:7px;
    font-size:11px;
    cursor:move;
} 

.window .window_close {  
    display:block;
    position:absolute;
    top:4px;
    left:5px;
    height:13px;
    width:13px;
    background-image:url("/stylesheets/window_close.gif");
    cursor:pointer;
    cursor:hand;
}

tr.green {
    background-color: #efefef;
}

#main .glow {
    background:transparent url(/images/content_left.png) repeat-y scroll left top;
    min-height:100px;
}

.glow .glow_inner_right {
    background:transparent url(/images/content_right.png) repeat-y scroll right top;
    margin-left:15px;
    min-height:100px;
}

.glow .glow_inner_main {
    background:#FFFFFF none repeat scroll 0 0;
    margin-right:15px;
    min-height:100px;
    padding:18px 18px 36px;
}

.sml_padding .glow .glow_inner_main {
    min-height:100px;
    padding:4px 13px 10px;
}

.glow_top {
    height:13px;
}

.glow_top .glow_top_left {
    background:transparent url(/images/content_top_left.png) no-repeat scroll left top;
    float:left;
    height:13px;
    width:15px;
}

.glow_top .glow_top_middle {
    background:transparent url(/images/content_top_middle.png) repeat-x scroll left top;
    height:13px;
    margin:0 15px;
}
.glow_top .glow_top_right {
    background:transparent url(/images/content_top_right.png) no-repeat scroll left top;
    float:right;
    height:13px;
    width:15px;
}

.glow_bottom {
    height:13px;
}

.glow_bottom .glow_bottom_left {
    background:transparent url(/images/content_bottom_left.png) no-repeat scroll left top;
    float:left;
    height:13px;
    width:15px;
}

.glow_bottom .glow_bottom_middle {
    background:transparent url(/images/content_bottom_middle.png) repeat-x scroll left top;
    height:13px;
    margin:0 15px;
}

.glow_bottom .glow_bottom_right {
    background:transparent url(/images/content_bottom_right.png) no-repeat scroll left top;
    float:right;
    height:13px;
    width:15px;
}

/*********************
Tooltips
*********************/

a span.tooltip { display:none; }
a:hover span.tooltip {
    display: inline; width: 200px; opacity: 0.9;
    position:absolute;
    padding: 5px; margin: 10px; z-index: 100;
    background: #f0f0f0; border: 1px solid #c0c0c0;        
    font-family:"Lucida Grande",Verdana; font-size:10px; font-weight: normal;
    color:#333;
}