body
{
    background-color: #FFFFFF;
    margin: 5px 12px;
    padding: 0px;
    color: #343434;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
p
{
    font-size: 11pt;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

a
{
    color: #0466A7;
}
a:link, a:visited, a:active
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

.top_header_prefs
{
    padding-right: 5px;
}
.topnav_section
{
    background: #E77817 none repeat scroll 0%;
}
.topnav_tl
{
    background: #E77817 url(../Images/corner_small_generic_tl.gif) no-repeat scroll left top;
}
.topnav_tr
{
    background: transparent url(../Images/corner_small_generic_tr.gif) no-repeat scroll right top;
}
.topnav_bl
{
    background: transparent url(../Images/corner_small_generic_bl.gif) no-repeat scroll left bottom;
}
.topnav_br
{
    background: transparent url(../Images/corner_small_generic_br.gif) no-repeat scroll right bottom;
}
.topnav_settings
{
    padding: 0.2em 0em 0.2em 0.9em;
}
.topnav_options
{
    padding: 0.2em 0.3em 0.2em 0em;
}
.topnav_active
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.topnav_inactive
{
    color: #FFFFFF;
}

#container
{
    font-size: 92.8%;
    min-width: 800px;
    padding: 1em;
}
#main_content
{
    float: right;
    width: 79%;
}
#main_context
{
    float: left;
    width: 20%;
}
#content
{
    padding-top: 3px;
    vertical-align: bottom;
    width: 100%;
}

#footer
{
    float: left;
    padding: 1em 0pt;
    width: 100%;
}
#global_footer_nav
{
    border-top: 1px dotted #B5B5B5;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 3em 0pt 0pt;
    padding: 1em 0pt 0pt;
    text-align: center;
    width: 100%;
}

.menu
{
    margin: 0pt 0pt 1em;
    width: 100%;
}
.menu div
{
    background: #FEFDEC none repeat scroll 0%;
    border-color: #EDEBCD;
    border-style: solid;
    border-width: 0pt 1px;
}
.menu div div
{
    border-width: 1px 0pt 0pt;
    left: 0pt;
    position: relative;
    top: -1px;
}
.menu div div div
{
    border-width: 0pt 0pt 1px;
    padding: 0.3em 0.3em 0.1em;
    top: 2px;
}
.menu.settings div
{
    background: #F0FFF0 none repeat scroll 0%;
    border-color: #EDEBCD;
}
.menu h4
{
    font-size: 100%;
    margin: 0pt 0pt 0.3em;
}
.menu ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}
.menu ul li
{
    margin: 0pt 0pt 0.5em;
    padding: 0pt;
    position: relative;
    width: 100%;
}

.menu li a
{
    color: #000000;
    display: block;
    font-size: 90%;
    line-height: 140%;
    padding: 0pt 0pt 0pt 19px;
}

.menu li table
{
    color: #000000;
    display: block;
    font-size: 90%;
    line-height: 140%;
    padding: 0pt 0pt 0pt 19px;
}

.display_control_tabs
{
    text-align: left;
}

.display_control_tabs td
{
    background: #EEEEEE url(../Images/corner_ddd_eee_tl.gif) no-repeat scroll 0%;
    float: left;
    font-weight: bold;
    margin: 0pt 0pt 0pt 4px;
    padding: 0pt;
}
.display_control_tabs td.current
{
    background: #666666 url(../Images/corner_666666_tl.gif) no-repeat scroll left top;
}
.display_control_tabs td p
{
    background: transparent url(../Images/corner_ddd_eee_tr.gif) no-repeat scroll right top;
    display: block;
    margin: 0pt;
    padding: 5px 6px;
}
.display_control_tabs td.current p
{
    background: transparent url(../Images/corner_666666_tr.gif) no-repeat scroll right top;
    color: #FFFFFF;
    text-decoration: none;
}

.filterLayer
{
    background-color: #000000;
    filter: alpha(opacity=30); /* Internet Explorer */
    left: 0px;
    opacity: 0.3; /* newer Mozilla and CSS-3 */
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
}

.content
{
    z-index: 2;
    width: 100%;
    position: absolute;
    left: 0px;
}

span > div#modal-dialog
{
    position: fixed;
}

#modal-dialog
{
    background: #C1D9FF none repeat scroll 0 0;
    border: 1px solid #3A5774;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding: 8px;
    text-align: left;
    width: 450px;
    z-index: 200;
    position: absolute;
    display: none;
    visibility: hidden;
}

.modal-dialog p
{
    line-height: 1.33em;
    margin: 0 0 10px;
}

.modal-dialog-title
{
    background-color: #E0EDFE;
    color: #000000;
    cursor: default;
    text-align: center;
    font-family: Arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

.modal-dialog-content
{
    -x-system-font: none;
    background: #FFFFFF none repeat scroll 0 0;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 8px !important;
}

.modal-dialog-content td
{
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.modal-dialog-buttons
{
    clear: both;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    text-align: right;
}

.loadingstatusbox
{
    background-color: #CC4444;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 80%;
    font-weight: bold;
    padding: 2px;
    text-decoration: blink;
}

.statusmessagebox
{
    background-color: #CC4444;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 80%;
    font-weight: bold;
    padding: 2px;
    text-decoration: blink;
}

dd div
{
    background: transparent url(../Images/g_colorbar2.jpg) repeat scroll 0 0;
    height: 20px;
    position: relative;
    text-align: right;
    width: 75%;
}

dd
{
    background: transparent url(../Images/g_colorbar.jpg) repeat scroll 0 0;
    display: block;
    float: left;
    height: 20px;
    margin: 0 0 0;
    position: relative;
    width: 197px;
}
dd
{
    margin-bottom: 0em;
    margin-left: 0em;
}


dd div strong
{
    background: transparent url(../Images/g_marker.gif) repeat scroll 0 0;
    display: block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    text-align: left;
    text-indent: -9999px;
    top: -2px;
    width: 9px;
}

strong
{
    color: #90C32C;
    font-weight: bold;
}

.AgreementApprovalSelected
{
    border-right: #3A5774 2px solid;
    border-top: #3A5774 1px solid;
    border-left: #3A5774 1px solid;
    border-bottom: #3A5774 2px solid;
    background-color: #E8EEFA;
    text-align: left;
}

.AgreementApprovalUnselected
{
    border-right: #EDEBCD 1px dashed;
    border-top: #EDEBCD 1px dashed;
    border-left: #EDEBCD 1px dashed;
    border-bottom: #EDEBCD 1px dashed;
    background-color: #F9F9F9;
    text-align: left;
}

.group-list .row
{
    font-family: arial,sans-serif;
    clear: both;
    cursor: pointer;
    height: 1.5em;
    max-height: 1.5em;
    overflow: hidden;
    padding: 1px 6px 1px 8px;
}
.group-list .row .text
{
    height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.group-list .row > .text
{
    line-height: 1.5em;
    width: auto;
}
.group-list .count
{
    color: #777777;
    float: right;
    padding-left: 5px;
    padding-right: 2px;
}
.group-list .row > .count
{
    line-height: 1.5em;
}
.group-list .active
{
    background-color: #D8E2EB; /*background-color:#FFF2E6; */
}
.group-list .active .text
{
    color: #222222;
}
.group-list .active .count
{
    color: #222222;
}
.group-list .preselect
{
    background-color: #FFF2E6;
}
.group-list .preselect .text
{
    color: #222222;
    font-weight: bold;
}
.group-list .preselect .count
{
    color: #222222;
}
.group-list .selected
{
    background-color: #406480;
}
.group-list .selected .text
{
    color: #EEEEEE;
    font-weight: bold;
}
.group-list .selected .count
{
    color: #EEEEEE;
}
.group-list-secondary .selected
{
    background-color: #CFDCE6;
}
.group-list-secondary .selected .text
{
    color: #777777;
}
.group-list-secondary .selected .count
{
    color: #777777;
}
.group-list hr.header
{
    background-color: #CFDCE6;
    border: 0 none;
    height: 1px;
    margin: 2px 5px 4px;
    padding: 0;
}


#main ul.results
{
    clear: both;
    list-style-type: none;
    margin: 0 0 9px;
    padding: 0;
}

#main ul.results a
{
    color: #2971A7;
    text-decoration: none;
}

#main ul.results a:hover
{
    text-decoration: underline;
}

#main ul.results li
{
    border-bottom: 1px solid #E8E8E8;
    clear: left;
    margin: 0;
    padding: 4px 16px 8px;
}
#main ul.results li
{
    display: none;
}
#main ul.results li.top-results
{
    display: block;
}
#main .show-all ul.results li, #main ul.showall li
{
    display: block;
}
#main ul.results ul
{
    list-style-type: disc;
    margin-top: 12px;
    padding-left: 16px;
}
#main ul.results li ul li, #main .show-all ul.results li ul li
{
    border: medium none;
    clear: left;
    display: list-item;
    margin: 0;
    min-height: 0;
    padding: 0;
}
#main .results img.thumb
{
    float: left;
    height: 40px;
    margin-right: 5px;
    width: 45px;
}
#main .results h4
{
    font-size: 1em;
    margin: 4px 0 0;
}
#main .results .desc
{
    margin-bottom: 0;
}
#main .results .desc br
{
}
#main .results .url
{
    margin: -0.7em 0 4px;
}
#main .results .url a
{
    color: #BBBBBB;
}
#main .results li p
{
    font-size: 8pt;
    color: #555555;
    margin: 0;
    overflow: hidden;
}


.dashboardItem
{
    border-collapse: collapse;
    float: left;
    margin: 5px;
}

.dashboardItem .head
{
    background-image: url(../Images/DataGrid/headerRow.png);
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0 0;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    height: 23px;
}

.dashboardItem .head p
{
    color: Black;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    text-align: left;
}

.dashboardItem .body
{
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 3px;
}

.dashboardItem .body p
{
    color: #000000;
    font-size: 10pt;
}

hr.divider
{
    background-image: url(../Images/divider.png);
    border: 0 none;
    height: 1px;
    margin: 2px 5px 4px;
    padding: 0;
}


/**
 *	StatusImageIcons
 */

img.statusImageIcon
{
    background: url(../Images/statusImage.png) no-repeat;
    height: 14px;
    vertical-align: middle;
    width: 10px;
    margin-left: 2px;
    margin-right: 2px;
    border-width: 0;
}

img.statusImageIcon-red
{
    background-position: 0px 0px;
}

img.statusImageIcon-yellow
{
    background-position: -10px 0px;
}

img.statusImageIcon-black
{
    background-position: -20px 0px;
}

img.statusImageIcon-green
{
    background-position: -30px 0px;
}

.inputCalendar
{
    width: 80px;
}


/**
 *	Page Caption
 */

.customerNameCaption
{
    background-image: url(../Images/dottedDivider.png);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 59px;
    margin-bottom: 10px;
}
.customerNameCaption p
{
    font-family: trebuchet ms;
    font-size: 16pt;
    text-align: left;
}

.customerNameCaption .projectNameCaption p
{
    font-size: 12pt;
    text-align: left;
}

.projectActions
{
	text-align: left; 
	color: #666666; 
	float: right;
}

.projectActions a
{
	outline: none;
	color: #0466a7;
	text-decoration: none;
	width: auto;
}