﻿body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
}
body.global 
{
	background-color: #333333;
}
#Table_Content
{
	width: 1000px;
	padding: 0px;
	margin: auto;
}
.bold-text 
{
    font-weight: bold;
}
.margin-left-3px 
{
    margin-left: 3px;
}
.margin-left-5px 
{
    margin-left: 5px;
}
.margin-left-10px 
{
    margin-left: 10px;
}
.margin-right-3px 
{
    margin-right: 3px;
}
.margin-right-5px 
{
    margin-right: 5px;
}
.margin-right-10px 
{
    margin-right: 10px;
}
.margin-bottom-3px 
{
    margin-bottom: 3px;
}
.margin-bottom-5px 
{
    margin-bottom: 5px;
}
.margin-bottom-10px 
{
    margin-bottom: 10px;
}
.margin-top-3px 
{
    margin-top: 3px;
}
.margin-top-5px 
{
    margin-top: 5px;
}
.margin-top-10px 
{
    margin-top: 10px;
}
.float-right 
{
    float: right;
}
.float-left 
{
    float: left;
}
.small-text 
{
    font-size: 11px;
}
.padding-left-3px 
{
    padding-left: 3px;
}
.padding-left-5px 
{
    padding-left: 5px;
}
.padding-left-10px 
{
    padding-left: 10px;
}
.selector 
{
    color: #135587;
    text-decoration: underline;
}
.selector:hover 
{
    color: #043ff8;
    cursor: pointer;
}
.clear 
{
    clear: both;
}
.column-emphasis 
{
    /*background-color: #eeeeee !important;
    border-color: #dae2e8 #eeeeee #dae2e8 #eeeeee !important;*/
}

/* Standard control styles*/

a.image-button:link, 
a.image-button:active,
a.image-button:visited,
a.image-button:hover 
{
    background-image: url(../images/buttons/small-up.png);
    display: inline-block;
    line-height: 25px;
    width: 79px;
    height: 29px;
    color: #f0f0f0 !important;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
a.image-button:hover 
{
    background-image: url(../images/buttons/small-ovr.png);
}

/* Global Rounded corner styles */

.rounded-corners
{
	display: block;
}
.rounded-corners *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
}
.rounded-corners1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
.rounded-corners2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
}
.rounded-corners3
{
	margin-left: 1px;
	margin-right: 1px;
}
.rounded-corners4
{
}
.rounded-corners5
{
}
.rounded-corners-text-container
{
	padding: 5px;
}

/* Main Menu styles*/

#main-menu 
{
    width: 169px !important;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
#main-menu .RadMenu 
{
    width: 167px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: Transparent;
    border: none !important;
    /* border-color: #3485bd; */
    z-index: auto !important;
}
#main-menu .rmRootGroup 
{
    border: none !important;
    background-image: none !important;
    background-color: Transparent !important;
}
#main-menu .rmLink
{
    border: none !important;
	border-left: 1px solid Transparent;
    border-bottom:1px solid Transparent;
    border-top:1px 1px Transparent;
    border-right: 1px solid Transparent;
    font-weight: bold;
    padding: 0px 0px 0px 12px;
    background-image: none !important;
}
#main-menu .rmTemplate .rmText,
#main-menu .rmTemplate .rmText,
#main-menu .rmText 
{
	text-align: left;
	padding-bottom: 0px !important;
    height: 21px !important;
}
#main-menu .rmItem,
#main-menu .rmLink 
{
    height: 21px !important;
    line-height: 21px !important;
    background: #526f88;
    color: #ffffff;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 2px;
}
#main-menu .rmSlide .rmItem, 
#main-menu .rmSlide .rmLink 
{
    margin-bottom: 0px;
}
#main-menu .rmFocused,
#main-menu .rmExpanded 
{
    background: Transparent;
}
#main-menu .rmGroup 
{
    border: none !important;
    /* border-color: #3485bd -moz-use-text-color -moz-use-text-color #3485bd !important; */
    width: 169px;
}
#main-menu .rmSlide .rmText 
{
    background-image: none !important;
    padding: 0px !important;
}
#main-menu .rmVertical 
{
    background: Transparent !important; 
}
#main-menu .rmSlide .rmVertical 
{
    border: solid 1px #861d2b !important;
}
#main-menu .rmSlide .rmItem,
#main-menu .rmSlide .rmLink
{
    background-color: #efe6dd !important;
    color: #842028;
}
#main-menu .rmItem:hover,
#main-menu .rmLink:hover,
#main-menu .rmSlide .rmItem:hover 
{
    background: #842028 !important;
    color: #ffffff;
    font-weight: bold;
}
#main-menu .rmExpandRight, 
#main-menu .rmSlide .rmExpandRight
{
    padding: 0px !important;
    background-image: none;
}
#main-menu .rmExpandRight:hover
{
    background-image: url(../images/Custom/Navigation/main-menu-arrow.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
}
#main-menu .rmGroup .rmLink
{
    padding: 0px !important;
    width: 169px !important;
}
#main-menu .rmSlide .rmGroup
{
    margin-left: 7px;
    /* background-color: #efe6dd !important; */
}
#main-menu .rmSelected 
{
    background-image: url(../images/Custom/Navigation/main-menu-arrow.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-color: Transparent !important;
    color: #861d2b !important;
}

/* Sub Menu styles*/

#sub-menu 
{
    width: 169px !important;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
#sub-menu .RadMenu 
{
    width: 167px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: Transparent;
    border: none !important;
    /* border-color: #3485bd; */
    z-index: auto !important;
}
#sub-menu .rmRootGroup 
{
    border: none !important;
    background-image: none !important;
    background-color: Transparent !important;
}
#sub-menu .rmGroup 
{
    background-color: #efe6dd;
}
#sub-menu .rmLink
{
    border: none !important;
	border-left: none solid #3485bd;
    border-bottom:none solid #3485bd;
    border-top:none solid #3485bd;
    border-right: none solid #3485bd;
    font-weight: bold;
    padding: 0px 0px 0px 12px;
    background-image: none !important;
}
#sub-menu .rmTemplate .rmText,
#sub-menu .rmTemplate .rmText,
#sub-menu .rmText 
{
	text-align: left;
	padding-bottom: 0px !important;
    height: 21px !important;
}
#sub-menu .rmItem,
#sub-menu .rmLink 
{
    height: 21px !important;
    line-height: 21px !important;
    background: Transparent;
    color: #861d2b;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#sub-menu .rmFocused,
#sub-menu .rmExpanded 
{
    background: Transparent;
}
#sub-menu .rmGroup 
{
    border: none !important;
    /* border-color: #3485bd -moz-use-text-color -moz-use-text-color #3485bd !important; */
    width: 169px;
}
#sub-menu .rmSlide .rmText 
{
    background-image: none !important;
    padding: 0px !important;
}
#sub-menu .rmVertical 
{
    background: Transparent !important; 
}
#sub-menu .rmSlide .rmVertical 
{
    border: solid 1px #861d2b !important;
}
#sub-menu .rmItem:hover,
#sub-menu .rmLink:hover,
#sub-menu .rmSlide .rmItem:hover 
{
    background: Transparent !important;
    color: #225e9b;
    font-weight: bold;
}
#sub-menu .rmExpandRight, 
#sub-menu .rmSlide .rmExpandRight
{
    padding: 0px !important;
    background-image: none !important;
}
#sub-menu .rmExpandRight:hover
{
    /* background-image: url(../images/Navigation/main-menu-arrow.png) !important; */
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    border-bottom: solid 1px #842028;
}
#sub-menu .rmGroup .rmLink
{
    padding: 0px !important;
    width: 169px !important;
}
#sub-menu .rmSlide .rmGroup
{
    margin: 5px;
    background-color: #efe6dd !important;
}
#sub-menu .rmSelected 
{
    background-image: url(../images/Custom/Navigation/main-menu-arrow.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-color: #861d2b !important;
    color: #efe6dd !important;
}

/* Login Control styles */

#login-wrapper 
{
    width: 649px;
    height: 415px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 50px;
    padding: 15px;
    background-image: url(../images/Custom/Template/login-box.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
#login-wrapper #error-wrapper
{
	color: red;
	font-weight: bold;
	font-size: 13px !important;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	height: 40px;
	overflow: hidden;
}
#login-wrapper #login-form 
{
    width: 325px;
    margin: auto;
}
#login-wrapper p
{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
#login-wrapper p a:link,
#login-wrapper p a:active,
#login-wrapper p a:visited,
#login-wrapper p a:hover
{
    color: #657d94;
    font-size: 13px !important;
}
#login-wrapper #login-form #header 
{
    padding-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
#login-wrapper #login-form .form-item 
{
    clear: both;
}
#login-wrapper #login-form .form-item-caption
{
    float: left;
    clear: none;
    width: 75px;
    height: 25px;
    vertical-align: middle;
    margin-right: 5px;
}
#login-wrapper #login-form .form-item-input
{
    float: left;
    clear: none;
    width: 200px;
    height: 25px;
    vertical-align: middle;
}
#login-wrapper #login-form #footer 
{
    clear: both;
}
#login-wrapper #login-form #footer .help-links 
{
    float: left;
    width: 150px;
    font-size: 11px;
	margin-top: 40px;
}
#login-wrapper #login-form .help-links  a:link, 
#login-wrapper #login-form .help-links  a:active,
#login-wrapper #login-form .help-links  a:visited,
#login-wrapper #login-form .help-links  a:hover
{
     color: #000000;
    text-decoration: none !important;
}
#login-wrapper #login-form .help-links  a:hover
{
    text-decoration: underline !important;
}
#login-wrapper #login-form #footer .form-button 
{
    float: left;
    width: 90px;
    text-align: center;
}
#login-wrapper #login-form #footer .button:link,
#login-wrapper #login-form #footer .button:active,
#login-wrapper #login-form #footer .button:visited
{
    color: #1e4073;
    font-weight: bold;
    font-size: 13px;
}
#login-wrapper #login-form #footer .button:hover
{
    color: #3066b6;
    font-weight: bold;
    font-size: 13px;
}
#login-form .new-user-info 
{
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 27px;
}
#login-form .standard-input 
{
    width: 175px;
}

/* Page Header control styles */

#Table_Content .left-edge 
{
    background-color: #ffffff;
    background-image: url(../images/Custom/Template/Header/left-corner.png);
    background-repeat: repeat-y;
    width: 980px;
    padding-left: 10px;
}
#Table_Content .right-edge 
{
    background-color: Transparent;
    background-image: url(../images/Custom/Template/Header/right-corner.png);
    background-repeat: repeat-y;
    background-position: right;
    width: 970px;
    padding-right: 10px;
}
#Table_Content .right-edge-custom 
{
}
#Table_Content .clear 
{
    clear: both !important;
    height: 0px;
}
#Table_Content #page-header 
{
    margin: auto;
}
#Table_Content #page-header #application-toolbar 
{
}
#Table_Content #page-header #application-toolbar .toolbar 
{
    background-image: url(../images/Custom/Template/Header/background.jpg);
    background-repeat: repeat-x;
    width: 970px;
    height: 56px;
    display: inline-block;
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
	background-color: #333333;
} 
#Table_Content #page-header #application-toolbar .left-edge 
{
    background-image: url(../images/Custom/Template/Header/left-corner.png);
    background-repeat: no-repeat;
	background-color: #333333;
    font-size: 1px;
    height: 71px;
    width: 10px;
    display: inline-block;
    float: left;
    padding: 0px;
}
#Table_Content #page-header #application-toolbar .right-edge 
{
    background-image: url(../images/Custom/Template/Header/right-corner.png);
    background-repeat: no-repeat;
 	background-color: #333333;
    font-size: 1px;
    height: 71px;
    width: 10px;
    display: inline-block;
    float: left;
    padding: 0px;
}
#Table_Content #page-header #application-toolbar .logo-compass 
{
    background-image: url(../images/Custom/Template/Header/compass-logo-header.png);
    background-repeat: no-repeat;
    width: 265px;
    height: 62px;
    float: left;
}
#Table_Content #page-header #application-toolbar .logo-compass-text 
{
    padding-top: 42px;
    padding-left: 85px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
}
#Table_Content #page-header #application-toolbar .logo-company 
{
    width: 175px;
    float: left;
    margin-top: 2px;
    text-align: right;
}
#Table_Content #page-header #application-toolbar .search-bar 
{
    background-image: url(../images/Custom/Template/Header/search-background.png);
    width: 422px;
    height: 44px;
    float: right;
    font-size: 11px;
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 8px;
}
#Table_Content #page-header #application-toolbar .search-bar input, 
#Table_Content #page-header #application-toolbar .search-bar select 
{
}
#Table_Content #page-header #application-toolbar .search-bar select 
{
    margin-right: 10px;
    width: 125px;
}
#Table_Content #page-header #application-toolbar .search-bar .header 
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
#Table_Content #page-header #application-toolbar .search-bar .keyword-textbox 
{
    width: 150px;
}
#Table_Content #page-header #application-toolbar .search-bar a:link,
#Table_Content #page-header #application-toolbar .search-bar a:active,
#Table_Content #page-header #application-toolbar .search-bar a:visited,
#Table_Content #page-header #application-toolbar .search-bar a:hover  
{
    color: #ffffff;
}
#Table_Content #page-header #status-bar 
{
    background-image: url(../images/Custom/Template/Header/status-bar-bkg.jpg);
    background-repeat: repeat-x;
    background-color: #001938;
    width: 970px;
    height: 27px;
    margin: auto;
    display: inline-block;
    clear: both;
}
#Table_Content #page-header #status-bar .salutation 
{
    width: 300px;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 4px;
    padding-bottom: 2px;
}
#Table_Content #page-header #status-bar .user-full-name 
{
    font-size: 15px;
    color: #ffffff;
} 
#Table_Content #page-header .message-count 
{
    width: auto;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 25px;
    margin-top: 7px;
}
#Table_Content #page-header .message-count a:link,
#Table_Content #page-header .message-count a:active,
#Table_Content #page-header .message-count a:visited,
#Table_Content #page-header .message-count a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#Table_Content #page-header .help-link 
{
    width: auto;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0px;
    margin-top: 3px;
}
#Table_Content #page-header #status-bar .left-edge 
{
    width: 14px;
    height: 27px;
    float: left;
    font-size: 1px;
    background-image: url(../images/Custom/Template/Header/status-bar-left-edge.png);
    background-repeat: no-repeat;
    padding: 0px;
}
#Table_Content #page-header #status-bar .right-edge 
{
    width: 14px;
    height: 27px;
    float: right;
    font-size: 1px;
    background-image: url(../images/Custom/Template/Header/status-bar-right-edge.png);
    background-repeat: no-repeat;
    padding: 0px;
}
#Table_Content #tab-application-title,
#content-wrapper #tab-application-title 
{
    background-image: url(../images/Custom/Template/Header/status-bar-application-title-bkg-long.png);
    padding-top: 4px;
    padding-bottom: 2px;
    text-align: center;
    width: 350px;
    height: 23px;
    margin: auto;
    font-size: 16px;
    font-weight: bold;
    color: #861d2b;
    position: relative;
    display: block;
    top: 70px;
    left: -7px;
}
#Table_Content #navigation-main 
{
    width: 793px;
    height: 38px;
    float: right;
    background-color: #ffffff;
    padding-top: 5px;
    padding-right: 4px;
    padding-left: 3px;
}
#Table_Content #navigation-main .tab
{
    width: auto;
    float: left;
    clear: none;
    text-align: center;
    margin-right: -9px;
}
#Table_Content #left-side-bar 
{
    width: 169px;
    height: 724px;
    float: left;
    clear: both;
    font-size: 12px;
    color: #000000;
    background-image: url(../images/Custom/Template/left-sidebar-bkg.jpg);
}
#Table_Content #page-header #left-side-bar #profile 
{
}
#Table_Content #left-side-bar #profile .timestamp 
{
    font-size: 11px;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
}
#Table_Content #left-side-bar #profile .profile-image 
{
    clear: both;
    text-align: center;
    margin-bottom: 10px;
}
#Table_Content #left-side-bar #profile .profile-info 
{
    padding-left: 10px;
    font-size: 11px;
}
#Table_Content #left-side-bar #profile .full-name 
{
    font-weight: bold;
    font-size: 12px;
}
#Table_Content #left-side-bar #profile .organization 
{
}
#Table_Content #left-side-bar #profile .job-title 
{
}
#Table_Content #left-side-bar #profile .user-status 
{
    clear: both;
    text-align: center;
    margin-bottom: 10px;
}

#Table_Content #left-side-bar #profile .statusLink
{
	font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none !important;
}
#Table_Content .Main-Content 
{
    float: right;
    clear: right;
    width: 800px;
    background-color: #ffffff;
}
#Table_Content .Footer 
{
    background-image: url(../images/Custom/Template/Footer/background.png);
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    clear: both;
    padding: 2px;
    padding-right: 40px;
    padding-left: 40px;
    width: 910px;
    height: 20px;
    vertical-align: middle;
}
#Table_Content .Footer a:link,
#Table_Content .Footer a:active,
#Table_Content .Footer a:visited,
#Table_Content .Footer a:hover
{
    color: #861d2b;
}
.RadTreeView_Web20 .rtSelected .rtIn 
{
    background: #f7db87 none repeat scroll 0 0 !important;
}

/* Tab Styles */

#NavigationTabCollection
{
	border-bottom: 2px solid #861d2b;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
#NavigationTabCollection #NavigationRow
{
	display: table;
	width: 100%;
	margin: auto;
}
#NavigationTabCollection a.NavigationTab,
#NavigationTabCollection a.NavigationTabSelected
{
	display: block;
}
#NavigationTabCollection a
{
	/* width: 100%; */
	text-decoration: none;
	color: #828282;
	font-weight: bold;
}
#NavigationTabCollection #NavigationRow div
{
	float: left;
	margin-right: 3px;
	height: 20px;
	text-align: center;
	width: auto;
}
#NavigationTabCollection #NavigationRow div.Toolbar
{
	float: right;
	padding-right: 3px;
	height: 20px;
	text-align: right;
	vertical-align: middle;
	width: auto;
}
#NavigationTabCollection #NavigationRow .Button
{
	margin-right: 0px;
	margin-left: 3px;
	border: none;
	vertical-align: middle;
}
#NavigationTabCollection #NavigationRow .NavigationTab
{
	text-align: center;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size: 12px;
	cursor: default;
	font-weight: bold;
	color: #828282;
}	
#NavigationTabCollection .NavigationTab:link,
#NavigationTabCollection .NavigationTab:active,
#NavigationTabCollection .NavigationTab:visited
{
	color: #828282;
	text-decoration: none;
	padding-bottom: 0px;
}
#NavigationTabCollection .NavigationTab:hover
{
	color: #ffffff;
	text-decoration: none;
	background-color: #828282;
	padding-bottom: 0px;
}
#NavigationTabCollection .NavigationTabSelected
{
	background-color: #828282;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size: 12px;
	cursor: default;
	color: #ffffff;
	font-weight: bold;
}
#NavigationTabCollection .NavigationTabSelected:link,
#NavigationTabCollection .NavigationTabSelected:active,
#NavigationTabCollection .NavigationTabSelected:visited,
#NavigationTabCollection .NavigationTabSelected:hover
{
	color: #ffffff;
}
