body { background: #e0e0e0;
       font-family: Arial,Helvetica,sans-serif; 
			font-size: 80%;
       color: Black; 
       padding: 0px;
       margin: 0px;}
       
a {color: #0076b7; text-decoration:none;}
a:visited { color:#9a3464} a:hover {text-decoration: underline}
h1 { font-size: 170%; font-weight: normal; color: #004b7a; }
h2 { font-size: 160%; font-weight: normal; color: #aaa; }
h3 { font-size: 120%; font-weight: bold; color: black; }
hr { height: 1px; color: #004b7a;}

thead, th, .header { background: #dee8f1;}
table.ui-datepicker-calendar th {background: #fff}
fieldset {border: solid 1px #ddd; padding:5px; margin-bottom:5px;}
.alternaterow {background-color: #eee;}

.button,.buttonSmall,.buttonTiny,.buttonDisabled
{	
	background:#eee url('Images/sprites_small.gif') repeat-x 0 -501px;
	color:#000;
	border:solid 1px #000;
	width:150px;
}

.button:hover,.buttonSmall:hover,.buttonTiny:hover,.buttonHover
{
	background:#004B7A url(Images/sprites_small.gif) repeat-x;
	background-position:0 -401px;
	color:#fff;
}

.button[disabled],.buttonSmall[disabled],.buttonTiny[disabled],.button[disabled]:hover,.buttonSmall[disabled]:hover,.buttonTiny[disabled]:hover
{
	background:#EEE url(Images/sprites_small.gif) repeat-x!important;
	background-position:0 -501px!important;
	color:#aaa;
}
.buttonDisabled,.buttonDisabled:hover
{
	background:#EEE url(Images/sprites_small.gif) repeat-x!important;
	background-position:0 -501px!important;
	color:#aaa;
}

.button{padding-bottom:2px;}

input.datepicker {width:70px;}


.bold {font-weight: bold;}
.right {text-align: right;}
.clear {clear:both;}

#logo { width: 200px; float:left; margin-top:15px; height:30px;
		margin-bottom:20px;
		background-image: url(../Images/abb.gif); 
        background-repeat: no-repeat;
       }
#tools { float:right; color:#0076b7;}
#headerTitle { display:block; padding-top:25px; margin:0px; text-align:center; vertical-align:bottom; }
#mainContainer { background: white; padding: 10px 20px; min-height:825px;}
.fixedwidth { width: 1000px; margin-left: auto; margin-right:auto; }
.fullwidth { margin: 0px; }
	
#pageloadingbox
{
	top:0; position: fixed;
	width: 956px; height: 57px; 
	background: #eef8ff; margin: 0px auto; padding: 20px 20px; text-align:center; vertical-align: middle; font-size:200%; color: #333;} /*position: fixed; */

#blockui, .blockui .ui-dialog-titlebar 
{ display: none; }
.blockui .ui-dialog-content  
{
	background-color:#eef8ff !important; 
	padding: 10px 20px; text-align:center; vertical-align: middle; font-size:200%; color: #333;
	margin: 0 !important;
}
.blockui .ui-dialog  
{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.CssDatagrid
{
	/*background-color:lightsteelblue;*/
	border-style:solid;
	font-size:12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border:solid,1px,white;
}

.CssDatagridSelected 
{
	background-color: #E2DED6; /*#C0FFC0 ;*/
	font-size:12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.CssDatagridFooter
{
	background-color: #5D7B9D; /*#94C9A5;*/
	font-size:12px;
	color:White ;
	font-weight: bold;
}

.CssDatagridHeader 
{
	background-color: #4682B4; /*#284775; #5D7B9D; */
	font-size:12px;
	color:White ;
	font-weight: bold;
}

.CssDatagridPager
{
	background-color: #5D7B9D; /*#94C9A5;*/
	font-size:12px;
	font-weight: bold;
	color:White ;
}

.CssDatagridAlternative 
{
	background-color: #dcdcdc; /*#D8EBDE;*/
}

/* ABB menu */

#mainMenuOuter {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 10px; FLOAT: left; PADDING-TOP: 0px
}
#mainMenu {
	MARGIN: 0px; WIDTH: 100%; FLOAT: left
}
#mainMenu A {
	PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; WHITE-SPACE: nowrap
}
.mainMenuOne A {
	COLOR: #2d2d2d
}
.mainMenuTwo A {
	COLOR: #fff
}
.mainMenuOne LI.selected {
	BORDER-BOTTOM: #686868 0px solid; BORDER-LEFT: #686868 1px solid; MARGIN-TOP: 0px; BACKGROUND: #eee; BORDER-TOP: #686868 1px solid; BORDER-RIGHT: #686868 1px solid
}
.mainMenuOne LI.selected A {
	PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.rootLevel .mainMenuOne {
	BORDER-BOTTOM: #686868 1px solid
}
.mainMenuOne LI.selected A {
	COLOR: #000; FONT-WEIGHT: bold
}
.mainMenuOne LI.selected A:hover {
	COLOR: #000; FONT-WEIGHT: bold
}
.mainMenuTwo LI.selected A {
	COLOR: #000; FONT-WEIGHT: bold
}
.mainMenuTwo LI.selected A:hover {
	COLOR: #000; FONT-WEIGHT: bold
}
#mainMenu .first A {
	PADDING-LEFT: 10px
}
.mainMenuOne {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.mainMenuTwo {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.mainMenuOne {
	BACKGROUND-IMAGE: url(images/ABB/sprites_small.gif); BACKGROUND-COLOR: #969696; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px -1600px
}
.mainMenuOne LI {
	MARGIN-TOP: 4px; FLOAT: left
}
.mainMenuOne LI A {
	FLOAT: left; COLOR: #fff
}
.mainMenuOne LI.first {
	MARGIN-LEFT: 0px
}
.mainMenuOne LI.firstBefore {
	DISPLAY: inline; MARGIN-LEFT: 10px
}
.mainMenuOne A {
	PADDING-BOTTOM: 4px; PADDING-TOP: 3px
}
.mainMenuTwo {
	BORDER-BOTTOM: #c8c8c8 2px solid; BACKGROUND-COLOR: #eee; min-height:24px;
}
.mainMenuTwo LI {
	POSITION: relative; PADDING-BOTTOM: 2px; MARGIN-BOTTOM: -2px; FLOAT: left
}
.mainMenuTwo LI.selected {
	BORDER-BOTTOM: #000 2px solid; PADDING-BOTTOM: 0px
}
.mainMenuTwo LI A {
	PADDING-BOTTOM: 4px; DISPLAY: block; FLOAT: left; COLOR: #2d2d2d; PADDING-TOP: 4px
}
.mainMenuTwo LI.before {
	BACKGROUND-IMAGE: url(/_layouts/images/ABB/sprites_small.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right bottom
}
.mainMenuTwo LI.after {
	BACKGROUND-IMAGE: url(/_layouts/images/ABB/sprites_small.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -18px bottom
}
.mainMenuTwo LI.before A {
	PADDING-RIGHT: 7px; MARGIN-RIGHT: 1px
}
.mainMenuTwo LI.after A {
	PADDING-LEFT: 7px; MARGIN-LEFT: 1px
}
.mainMenuOne LI A:hover {
	BORDER-BOTTOM: #686868 1px solid; BACKGROUND-COLOR: #686868
}
.mainMenuOne LI A:hover {
	BORDER-BOTTOM: medium none
}
.mainMenuOne LI.selected A:hover {
	BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #e0e0e0
}
.mainMenuOne LI.selected:hover {
	BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #e0e0e0
}
.mainMenuTwo LI A:hover {
	BACKGROUND-COLOR: #e0e0e0
}
#contentMenu A.selected {
	BACKGROUND-COLOR: #004b7a
}
.mainMenuOne LI.selected {
	BACKGROUND-COLOR: #004b7a
}
.mainMenuOne LI.selected A {
	BACKGROUND-COLOR: #004b7a
}
.mainMenuOne LI.selected A:hover {
	BACKGROUND-COLOR: #004b7a
}
.mainMenuTwo {
	BACKGROUND-COLOR: #004b7a
}
.tabbedMenu UL LI.tab A {
	BACKGROUND-COLOR: #004b7a !important
}
.mainMenuOne LI.selected {
	BORDER-BOTTOM-COLOR: #004b7a !important; BORDER-TOP-COLOR: #004b7a !important; BORDER-RIGHT-COLOR: #004b7a !important; BORDER-LEFT-COLOR: #004b7a !important
}
.mainMenuOne {
	BORDER-BOTTOM-COLOR: #004b7a !important; BORDER-TOP-COLOR: #004b7a !important; BORDER-RIGHT-COLOR: #004b7a !important; BORDER-LEFT-COLOR: #004b7a !important
}
.mainMenuOne {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee; BORDER-TOP: #004b7a 1px solid
}
.mainMenuTwo {
	BORDER-BOTTOM: medium none
}
.mainMenuTwo LI {
	BACKGROUND-IMAGE: none !important; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px
}
.mainMenuTwo LI.selected {
	BACKGROUND-IMAGE: none !important; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px
}
.mainMenuOne LI {
	POSITION: relative; MARGIN-TOP: -3px; PADDING-TOP: 0px
}
.mainMenuOne LI.selected {
	POSITION: relative; MARGIN-TOP: -3px; PADDING-TOP: 0px
}
.mainMenuOne LI.selected {
	BORDER-TOP: medium none
}
.mainMenuOne LI A {
	COLOR: #2d2d2d
}
.mainMenuTwo LI.selected A {
	COLOR: #fff
}
.mainMenuTwo LI.selected A:hover {
	COLOR: #fff
}
.mainMenuOne LI.selected A {
	COLOR: #fff
}
.mainMenuOne LI.selected A:hover {
	COLOR: #fff
}
.mainMenuTwo LI A {
	COLOR: #fff
}
.mainMenuOne LI.todayLink {
	FLOAT: right
}
.mainMenuOne LI.todayLink A:hover {
	BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.mainMenuOne LI A:hover {
	BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #e0e0e0
}
.mainMenuOne LI.selected A:hover {
	BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none
}
.mainMenuOne LI.selected:hover {
	BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none
}
.mainMenuOne LI.selected A:hover {
	BACKGROUND-COLOR: #0076b7
}
.mainMenuTwo LI A:hover {
	BACKGROUND-COLOR: #0076b7
}
.mainMenuOne LI {
	PADDING-TOP: 3px
}
.mainMenuOne A {
	PADDING-BOTTOM: 5px; PADDING-TOP: 6px
}
.mainMenuOne LI.selected A {
	PADDING-TOP: 9px
}
.mainMenuOne LI.selected {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}



/*	Global classes	*/
.DDMainHeader
{
	font: small-caps bold 1.6em Trebuchet MS, Arial, sans-serif;
	color:#888;
	padding-bottom: 12px;
    border-bottom: 1px dotted #bbbbbb;
}

.DDSubHeader
{
	margin-bottom: 10px;
    font:1.2em Trebuchet MS, Arial, sans-serif;
    color: #888;
}

.DD 
{
	padding: 0px 8px;
    font: .75em Tahoma, Arial, sans-serif;
    color: #666;
}

.DDLightHeader
{
	font-weight: bold;
	background-color: #F7F7FF;
} 

.DDTextBox, .DDDropDown
{
	color: #666;
	font: .95em Tahoma, Arial, Sans-Serif;
	border: solid 1px #dcdcdc;
	background-color: #FEFEFE;
}

.DDDropDown
{
	padding:2px;
}

.DDFilter
{
	font: .95em Tahoma, Arial, Sans-serif;
	color:#666;
}

.DDControl
{
    padding: 0px;
    font: .95em Tahoma, Arial, Sans-Serif;
    color: #666;
}

.DDFloatLeft
{
	float:left;
}

.DDFloatRight
{
	float:right;
}

.DDFooter
{
	background-color: #dbddff;
}

.selected, .DDSelected
{
	background-color: #fcfccc /* #fdffb8;fbf8ee */
}

div.DDNoItem
{
	color:Red;
	font-family:Trebuchet MS, Arial, sans-serif;
}

.DDValidator
{
	color:Red;
	font-family:Trebuchet MS, Arial, sans-serif;
}


/*	Navigation	*/

div.DDNavigation
{
	font:.75em Tahoma, Arial, Sans-Serif;
	position: relative;
    top: -28px;
    margin-bottom: -10px;
    padding: 0px 5px;
}

div.DDNavigation img
{
    position: relative;
    margin-top: 0em;
    padding: 0px 8px;
    border: none;
    background-color: #fff;
}
div.DDNavigation a
{
    color: #839ce7;
    text-decoration: none;
    background-color: #fff;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}
div.DDNavigation a:hover
{
    color: #000099;
    text-decoration: underline !important;
}


/*	Details VIEW/EDIT	*/
table.DDDetailsTable
{
	color: #666;
	background-color: #FCFDFE;
	border: 1px solid #dbddff;
	border-bottom-width: 3px;
}

table.DDDetailsTable a
{
	color:#718ABE;
	text-decoration: none;
	padding-right: 6px;
}

table.DDDetailsTable a:hover
{
    color: #000099;
    text-decoration: underline !important;
}

table.DDDetailsTable .td
{
	padding: 3px 6px;
	border: 1px solid #dbddff;
	border-bottom-style: dotted;
	font-size: .7em;
	font-family:Tahoma, Arial, Sans-Serif;
}


/*	DDGridView/DDListView	*/
table.DDGridView, table.DDListView
{
	width: 100%;
	color: #666;
	border:solid 1px #dbddff;
	font: .7em Tahoma, Arial, Sans-Serif;
}

table.DDGridView .th, table.DDGridView .td, table.DDListView .th, table.DDListView .td
{
	white-space: nowrap;
}

table.DDGridView .th, table.DDListView .th
{
	background: url(DynamicData/Content/Images/header_back.gif) repeat-x;
	line-height:1.3em;
	text-align: left;
	font-size: 1em;
	border:solid 1px #dbddff;
}

table.DDGridView .th a, table.DDListView .th a
{
	color: #666;
	text-decoration: none;
}

table.DDGridView .td, table.DDListView .td
{
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
}

table.DDGridView .td a, table.DDListView .td a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a, table.DDListView .DDSelected a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover
{
	color: #000099;
	text-decoration: underline;
}

table.DDGridView .td a:hover, table.DDListView .td a:hover
{
	color: #000099;
	text-decoration: underline;
}

/*	DataPager	*/
div.DDPager
{
    padding: 0px 6px;
}


/* Bottom hyperlink design*/
div.DDBottomHyperLink
{	
    font: .75em Tahoma, Arial, Sans-Serif;
}
div.DDBottomHyperLink a
{
    color: #839ce7;
    text-decoration: none;
}
div.DDBottomHyperLink a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
div.DDBottomHyperLink img
{
    padding-right: 5px;
    border: none;
}