/*******************************/
/*Copyright 2011 Psand limited*/
/*******************************/
/* Style rules here are common to both Central Administrators (EAWs) and Local Administrators (DAWs) */
body {
    font: 80% Arial, Helvetica, sans-serif;
    background:#F5F5F5;
}
a:link,
a:visited {
    color:#000;
    text-decoration:underline;
}
a:hover,
a:active {
    color:#900;
}
h1,
h2 {
    color: #555;
}
/*********************/
/*Start layout styles*/
/*********************/
.wrapper {
    background:#FFF;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:	0 0 5px 2px #D3D3D3;
    -webkit-box-shadow:	0 0 5px 2px #D3D3D3;
    box-shadow:		0 0 5px 2px #D3D3D3;
}
.wrapper .header {
    background-color:#fff;/*Required to over-ride UEW imported style in BMW EAW*/
}
.body {
    -moz-border-radius:5px;
    border-radius:5px;
    background:#F5F5F5;
    border:1px solid #CCC;
}
.footer {
    border-top:1px #bbb solid;
}
.footer p, .footer a:link, .footer a:visited {
    color:#aaa;
    text-decoration: none;
}
/*********************/
/*End layout styles*/
/*********************/

/******************************/
/*Start main navigation styles*/
/******************************/
.main-navigation {
    font-weight:bold;
    border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid #CCC;
    background:#F5F5F5;
}
.main-navigation li {
    border:1px solid #999;
}
.main-navigation li:first-child {
    border-left:1px solid #999;
}
.main-navigation li:first-child,
.main-navigation li:first-child a {
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
}
.main-navigation li:last-child,
.main-navigation li:last-child a {
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
}
.main-navigation li a {
    text-decoration:none;
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.42, rgb(212,212,212)),
      color-stop(0.75, rgb(250,250,250)),
      color-stop(0.88, rgb(250,250,250))
    );
    background-image: -moz-linear-gradient(
      center bottom,
      rgb(212,212,212) 42%,
      rgb(250,250,250) 75%,
      rgb(250,250,250) 88%
    );
}
.main-navigation li a:link,
.main-navigation li a:visited {
    text-decoration:none;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.main-navigation li a:hover,
.main-navigation li a:active,
.main-navigation .sfHover a {
    color:#000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    background:#CCC;
}
/*First level drop downs*/
.main-navigation li ul {
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    font-weight:normal;
    padding:5px 0;
    background:#E4E4E4;
    -webkit-border-radius:5px;
    -webkit-border-top-left-radius:0;
    -moz-border-radius:5px;
    -moz-border-radius-topleft:0;
    border-radius:5px;
    border-top-left-radius:0;
}
.main-navigation li ul li {
    border:none;
    border-top:none;
    padding:0 5px;
}
.main-navigation .sfHover ul a {
    background:none;
}
.main-navigation ul li:first-child {
    border-left:none;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:active {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#6C6C6C;
    color:#FFF;
}
/*Arrows*/
.main-navigation li ul li a .sf-sub-indicator {
    background-image:url(/cpep_images/black-trans-arrow.png);/*See ie6.css*/
}
/*Permissions*/
.main-navigation .nav_psand_support_only a:link,
.main-navigation .nav_psand_support_only a:visited {
    color:#F20000;
}
.main-navigation .nav_psand_support_and_outsourcer_only a:link,
.main-navigation .nav_psand_support_and_outsourcer_only a:visited {
    color:#FF6600;
}
/******************************/
/*End main navigation styles*/
/******************************/

/* Buttons *******************************************************************/
button.button,
button.button:focus,
a.button,
a.button:link,
a.button:visited { 
    -moz-box-shadow:inset 0px 1px 0px 0px #fff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff;
    box-shadow:inset 0px 1px 0px 0px #fff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dbdada) );
    background:-moz-linear-gradient( center top, #eeeeee 5%, #dbdada 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdada');
    background-color:#eeeeee;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #c9c9c9;
    color:#5c5b5c;
    text-shadow:1px 1px 0px #f2f2f2;
}

button.button:hover,
a.button:hover,
button.button:active,
a.button:active {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdada), color-stop(1, #eeeeee) );
    background:-moz-linear-gradient( center top, #dbdada 5%, #eeeeee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdada', endColorstr='#eeeeee');
    background-color:#dbdada;
    color:#333;
}

a.throbbing,
button.throbbing {
    color: #333;
    border-color: #888;
    background-color: #f0f0f0;
}

a.throbbing,
button.throbbing,
.disabled {
    opacity: .5; /*see ie6.css, ie7.css & ie8.css*/

}
a.throbbing:hover,
a.throbbing:active,
button.throbbing:hover,
button.throbbing:active,
a.disabled:hover,
a.disabled:active,
button.disabled:hover,
button.disabled:active {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dbdada) );
    background:-moz-linear-gradient( center top, #eeeeee 5%, #dbdada 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdada');
    background-color:#eeeeee;
    color:#5c5b5c;
}
/* Icon images ***************************************************************/

/* Buttons/Links ************************************************/

.throbbing-block,
a.throbbing span,
button.throbbing span,
span.withIcon.throbbing {
    background-image: url(/shared_images/icons/small_inner_button_throbber.gif);
}
.managerForm .formList .switch label.first-label span span.throbbing {
    background-image: url(/shared_images/icons/switch_throbber_yes_standard.gif);
}
.managerForm .formList .switch label.last-label span span.throbbing {
    background-image: url(/shared_images/icons/switch_throbber_no_standard.gif);
}
/* Manager tables ************************************************************/
.managerTable td,
.managerTable th {
    border-bottom: 1px #ddd solid;
}
.managerTable th {
    background-color: #eee;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #444;
    font-weight: bold;
}
.managerTable tr {
    background-color: #fff;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
}
.managerTable tr.odd {
    background-color: #f6f6f6;
}
.no-head {
    border-top:1px solid #DDDDDD;
}
/* Manager forms ************************************************************/

.managerForm legend {
    color:#555;
    border:1px solid #CCCCCC;
    border-bottom:none;
    font-weight:bold;
    background:#FFF;
}
.managerForm .formList {
    background:#FFF;
    border:1px solid #CCCCCC;
}
.managerForm .formList legend {
    background:#F5F5F5;
}
.managerForm .formList,
.managerForm legend {
    -moz-box-shadow:2px 2px 7px #ddd;
    -webkit-box-shadow:2px 2px 7px #ddd;
    box-shadow:2px 2px 7px #ddd;
}
.managerForm .formList .formList {
    background:#F5F5F5;
    border:1px solid #CCCCCC;
}
.managerForm .label,
.managerForm label:first-child,
.managerForm span.label {
    font-weight:bold;
    color: #333;
}
.tabs .managerForm .formList,
.tabs .managerForm legend {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
/* Radio switches ******************************************************/

.managerForm .formList .switch label,
.managerForm .formList .switch label span {
    background-image: url(/shared_images/form_buttons/switch_20.gif);
}
.managerForm .formList .switch label span {
    font-weight: bold;
    border-right: 1px #ccc solid;
}
.switch label.last-label.selected span,
.switch label.last-label-selected span {
    color: #fff;
}
.switch label.first-label.selected span,
.switch label.first-label-selected span {
    color: #fff;
}
/* Cluetips ************************************************************/
#cluetip {
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cluetip-outer {
    background-color:#000;
}
.cluetip-inner {
    color: #fff;
}
.cluetip-close a:link,
.cluetip-close a:visited {
    color: #FFF;
}
.cluetip-close a:hover,
.cluetip-close a:active {
    color: #CCC;
}
.cluetip-arrows {
    background-image: url(/cpep_images/tooltip_arrow_left_black.png);
}
/* Lists *********************************************************************/

.wrapping-image-list li {
    background-color: #f8f8f8;
    border: 1px #ccc solid;
}

/* Jim's interim styles */
table.borders,
table.borders td,
table.borders th {
    border: 1px #666 solid;
}
/*Start box out styles*/
.box-out {
    border:1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background:#FFF;
}
/*End box out styles*/

/*Start Tab highlight styles*/
li.highlight-tab a:link {
    color:#D20000;
}
/*End Tab highlight styles*/

/*Start info box styles*/
.info-box {
    border:1px solid #BCD7FE;
    background-color:#F9FFFF;
}
/*End info box styles*/