﻿html {
/*	height:			100%;
	width:			100%;*/
}

img	{
	border-width:		0px;
}

ul {
	margin: 		0px;
	padding: 		0px;
	padding-left: 		2em;
}

body    {
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 		8pt;
	color: 			#4C4C4C;
	padding: 		0px;
	margin:			0px;
	border:			0px;
    font-size:	8pt;
	font-family:		Tahoma, Arial, Helvetica, Geneva, sans-serif;
	margin: 		0; 
	padding: 		0; 	
	/*background:		transparent url(/App_Themes/Default/Images/bgGradient.jpg) repeat-y 1050px 0px;*/
	padding-top:42px;
}



tr { 
	margin: 		0px; 
	padding: 		0px; 
	border: 		0px;  
}

td { 
	margin: 		0px; 
	padding: 		0px; 
	border: 		0px; 
}

A:link, A:visited, A:active { 
	color: 			#0D385C;
	background-color:	transparent;
	text-decoration: 	none; 
}

A:hover { 
	color: 			#4B6D8A;
	background-color:	transparent;
	text-decoration: 	none; 
}

h1 {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		16pt;
	font-weight:		normal;
	margin-top:	 	0;
	margin-bottom: 		10px;
}

h2 {
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:			black;
	background-color:	transparent;
	font-size: 		12pt;
	font-weight: 		bold;
	margin-top:	 	0;
	margin-bottom: 		8px;
}

h3 {
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 		1.4em;
	font-weight:		bold;
	color:			#4C4C4C;
	background-color:	transparent;
	margin:			0;
}

h4 {  
	font-size: 		.8em;
	font-weight: 		normal; 
	margin: 		0;
}

input.text    { 
	font-family: 		Arial, Tahoma, Verdana, Helvetica;
	font-size:		10px;
	border: 		1px solid #484848; 
	padding:		3px;
	width: 			300px;
	background: 		#FFFFFF; 
	margin-top:		1px;
	margin-bottom:		1px;
} 


textarea {
	width: 			300px; 
	height:			100px; 
	font-family: 		Courier;
	font-size:		8pt;
	border: 		1px solid #484848; 
	padding:		3px;
	color:			black;
	background-color:	#FFFFFF;
}



input.text    { 
	font-family: 		Arial, Tahoma, Verdana, Helvetica;
	font-size:		10px;
	border: 		1px solid #484848; 
	padding:		3px;
	width: 			300px;
	background: 		#FFFFFF; 
	margin-top:		1px;
	margin-bottom:		1px;
} 

input.button {	
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	line-height: 		10px;
	color: 			#666666; 
	background: 		#f3f3f3;
	font-weight: 		bold;
	margin-top: 		10px;
	padding: 		3px 5px 3px 5px;	
	height: 		24px;
	border-bottom: 		1px solid #999999;
	border-right: 		1px solid #999999;
	border-top: 		1px solid #CCCCCC;
	border-left: 		1px solid #CCCCCC;	
	margin:			0px;
}

input.button[disabled] {	
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	line-height: 		10px;
	color: 			#9F9F9F;
	background: 		#f3f3f3;
	font-weight: 		bold;
	margin-top: 		10px;
	padding: 		3px 5px 3px 5px;	
	height: 		24px;
	border-bottom: 		1px solid #999999;
	border-right: 		1px solid #999999;
	border-top: 		1px solid #CCCCCC;
	border-left: 		1px solid #CCCCCC;	
	margin:			0px;
} 

input.file {	
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	margin-top: 		5px;
	padding: 		3px;
	width:			300px;
} 
input.fileButton {	
	font-size: 		10px;
	margin-top: 		5px;
}

input[type="file"] {
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	width:			auto;
}

input[type="file"] > input[type="text"] {
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		8px;
}

input[type="file"] > input[type="button"] {
	font-family:  		Verdana, Helvetica, sans-serif;
	font-size: 		8px;
}

input.checkbox { 
}

select 
{
	font-family: 		Arial, Tahoma, Verdana, Helvetica;
	font-size:		8pt;
	border: 		1px solid black;
	width: 			120px; 
	background: 		#FFFFFF;
	width: 			300px; 
	margin:			0px;
	margin-top:		1px;
	margin-bottom:		1px;
}
ul {
	list-style-type: 	square; /* naturally. */
}




/* ********************************************* */


#titleBar {

}

#titleBarWrapper {
    position:           fixed;
    left:               0px;
    top:				0px;
    height:42px;
    text-align:         left !important;
    z-index:            100;
    font-family:		Tahoma, Arial, Helvetica, Geneva, sans-serif !important;
    font-size:          9px !important; 
    line-height:        11px !important;
    letter-spacing: 	normal !important;
    color: 				#F2F2F2 !important;
    width: 				100%;
	background-color:	#2E334C;
	background-image:url(Images/titlebar-bg-secure.png);

}

#titleBarLogo {
    background:         transparent url(/App_Themes/Default/Images/titlebarLogo.jpg) no-repeat 0px 0px;
    height:             52px;
    width:              194px;
    display:            inline;
    float: 				right;
    cursor:				pointer;
}

#titleBar  a:link, #titleBar a:visited, #titleBar a:active {
    text-decoration:    none !important;
    color:              #F2F2F2 !important;
    background-color:	transparent !important;
    border:				0 !important;
    font-weight: 		normal !important;
    font-size:			10px !important;
}

#titleBar  a:hover {
    text-decoration:    none !important;
    color:              white !important;
    background-color:	transparent !important;
    border:				0 !important;
    font-weight: 		normal !important;
    font-size:			10px !important;
} 

#titleBarProfileSection {
    padding: 		8px 11px 11px 142px;
    float: 		left;
    background-image: url(/App_Themes/Default/Images/titlebarLogo.jpg);
    background-repeat:no-repeat;
    margin-left:	0px;
	display:block;
}

#mainSectionLinks {
	height: 		28px;
	background-color:	#68687D; 
	padding-left: 		70px;
	z-index:0;
}

#mainSectionLinks ul {  
	padding: 		0;
	border: 		0; 
	width: 			700px;
}
 
#mainSectionLinks li  {
	list-style-type: 	none;
	margin: 		0;
	padding: 		0;
	display: 		inline;
} 


#mainSectionLinks li a:hover {
	background-color: 	#AAAABD;
}

#mainSectionLinks li a:hover:after, #mainSectionLinks li a:focus:after {
	background-color: 	#AAAABD;
}

#mainSectionLinks li a {
	font-size:		10px;
	font-family:		Tahoma;
	float: 			left;
	display: 		block;
	font-weight: 		normal;
	padding:		7px 15px 9px 15px;
	color: 			#F2F2F2;
	text-decoration:	none;
}

#mainSectionLinks li a.active {
	background: 		#9191A5;
	color: 			white;
}

#mainSectionLinks li #top {

}

#subSectionLinks {
	padding: 		4px 4px 4px 85px;
	margin: 		0px; 
	height: 		14px;

}

#subSectionLinks ul {
	padding: 		0;
	border: 		0;
	margin: 		0;
}

#subSectionLinks li  {
	font: 			10px/15px tahoma, arial, helvetica, sans-serif;
	list-style-type: 	none;
	margin: 		0;
	padding: 		0;
	display: 		inline;
}

#subSectionLinks li a {
	font-weight: 		normal;
	padding-left: 		15px;
	padding-right: 		15px;
	border-left: 		1px solid #ccc;
	text-decoration: 	none;
}

#subSectionLinks li a.active {
	font-weight: 		bold;
}

#subSectionLinks li #top {
	border-left: 		0px;
	padding-left: 		0;
	margin-left: 		0;
}

#pageSubmenu {
	padding: 		0px 0px 0px 0px;
	margin: 		0px; 
	height: 		14px;
	border-bottom:1px solid #cccccc;
	/*border-top:1px solid #eee;*/

}

#pageSubmenu ul {
	padding: 		0px;
	border: 		0px;
	margin: 		0px;
	background-color:#eeeeee;
}

#pageSubmenu li  {
	font: 			10px/14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	list-style-type: 	none;
	margin: 		0px;
	padding: 		0px;
	display: 		inline;
}

#pageSubmenu li a {
	font-weight: 		normal;
	padding-left: 		4px;
	padding-right: 		4px;
	border-left: 		0px solid #ccc;
	text-decoration: 	none;
	border-bottom:0px solid #ff0000;
	margin:0px;
	color:#999999;
}


#pageSubmenu li a:hover {
	/*background-color:#ffffff;*/
	color:#333366;
}

#pageSubmenu li a.active {
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	color:#0D385C;
}

#pageSubmenu li #top {
	border-left: 		0px;
	padding-left: 		0;
	margin-left: 		0;
}



#pageSubmenu li a:hover:after, #pageSubmenu li a:focus:after {
	
}





#pageContent {
	padding-bottom: 	35px;
	padding-left:		85px;
	width: 			800px;
	background-color: 	white;
	padding-right:		5px;	
}

#pageHeaderContainer { 
	padding-top:		2em; 
	padding-bottom:		1.5em; 
	display:		block; 
} 
#pageHeaderTitle {
	font-family: 		'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif; 
	font-size: 		18px; 
	font-weight: 		bold; 
	margin-top: 6px;
}

#pageHeaderSubtitle { 
	color: 			#434343;
}

#pageFooter {
	font: 			10px/12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: 			gray;
	margin-top:		30px;
}




/* --- segment boxes ------------------------------------------------------------- */

.errorSegmentBox {  
	background: 		#BD4700 url(Images/box_bottom_left.png) no-repeat bottom left;
	color: 			#fff;
} 
.errorSegmentBox .segmentBoxIcon {  
	background: 		transparent urlImages/error-box-icon.jpg) no-repeat 3px 0px;
	width:			32px;
	height:			32px;
	float:			left;
}

.warningSegmentBox {  
	background: 		#BDBB00 url(Images/box_bottom_left.png) no-repeat bottom left;
	color: 			#fff;
}
.warningSegmentBox .segmentBoxIcon {  
	background: 		transparent url(Images/warning-box-icon.jpg) no-repeat 3px 0px;
	width:			32px;
	height:			32px;
	float:			left;
}

.updateSegmentBox {  
	background: 		#5C8A00 url(Images/box_bottom_left.png) no-repeat bottom left;
	color: 			#fff;
}
.updateSegmentBox .segmentBoxIcon {  
	background: 		transparent url(Images/update-box-icon.jpg) no-repeat 3px -1px;
	width:			32px;
	height:			32px;
	float:			left;
}

A.segmentBoxLink:link, A.segmentBoxLink:visited, A.segmentBoxLink:active {
	color:      		#f4f4f4;
	text-decoration:    	none;
}

A.segmentBoxLink:hover {
	color:      		#ffffff;
	text-decoration:    	none;
}

.informationSegmentBox {  
	background: 		#054077 url(Images/box_bottom_left.png) no-repeat bottom left;
	color: 			#fff;
}
.informationSegmentBox .segmentBoxIcon {  
	background: 		transparent url(Images/information-box-icon.jpg) no-repeat 3px 1px;
	width:			32px;
	height:			32px;
	float:			left;
}

.segmentBox {  
	background: 		#EFF3EB url(Images/box_bottom_left.png) no-repeat bottom left;
}
.segmentBoxImportantText {
	font-size:		15px;
	font-family:		Tahoma;
	margin-bottom: 		15px;
	font-weight: 		bold;
}


.segmentBoxTitle { 
	background: 		transparent url(Images/box_top_right.png) no-repeat top right;
 }
.segmentBoxHeader {
	background: 		transparent url(Images/box_top_left.png) no-repeat top left;
	height:			9px;
	line-height:		9px;
}
.segmentBoxContent { 
	background: 		transparent url(Images/box_bottom_right.png) no-repeat bottom right;
	padding: 		12px;
	padding-top:		4px;
}
.segmentBoxContentWide { 
	background: 		transparent url(Images/box_bottom_right.png) no-repeat bottom right;
	padding: 		18px;
	padding-top:		4px;
}
.segmentBoxContentThin { 
	background: 		transparent url(Images/box_bottom_right.png) no-repeat bottom right;
	padding: 		4px;
	padding-top:		4px;
}
.segmentBoxText {
	margin-left: 		44px;
	padding-top: 		6px;
	padding-bottom:		6px;
	padding-right:		20px;
	height: 		1%;
	
}

.segmentBoxText .significantText { 
	color: 			white; 
}




.objectBox {  
	background: 		#F6F6F6 url(Images/box_bottom_left_border.gif) no-repeat bottom left;
}
.objectBoxSelected {  
	background: 		#EFF3EB url(Images/box_bottom_left_border.gif) no-repeat bottom left;
}

.objectBoxTitle { 
	background: 		transparent url(Images/box_top_right_border.gif) no-repeat top right;
	margin-left:		6px;
 }
.objectBoxHeader {
	background: 		transparent url(Images/box_top_left_border.gif) no-repeat top left;
	height:			12px;
	line-height:		12px;
}
.objectBoxContent { 
	background: 		transparent url(Images/box_bottom_right_border.gif) no-repeat bottom right;
	padding: 		12px;
	padding-top:		0px;
}
.objectBoxContentWide { 
	background: 		transparent url(Images/box_bottom_right_border.gif) no-repeat bottom right;
	padding: 		20px;
	padding-top:		2px;
	padding-bottom:		16px;
}
.objectBoxContentThin { 
	background: 		transparent url(Images/box_bottom_right_border.gif) no-repeat bottom right;
	padding: 		4px;
	padding-top:		0px;
}
.objectBoxText {
	margin-left: 		44px;
	padding-top: 		6px;
	padding-bottom:		6px;
	padding-right:		20px;
	
}


.contentBox {  
	background: 		#F6F6F6 url(Images/box_bottom_left_lightborder.gif) no-repeat bottom left;
}
.contentBoxSelected {  
	background: 		#EFF3EB url(Images/box_bottom_left_lightborder.gif) no-repeat bottom left;
}

.contentBoxTitle { 
	background: 		transparent url(Images/box_top_right_lightborder.gif) no-repeat top right;
	margin-left:		6px;
 }
.contentBoxHeader {
	background: 		transparent url(Images/box_top_left_lightborder.gif) no-repeat top left;
	height:			12px;
	line-height:		12px;
}
.contentBoxContent { 
	background: 		transparent url(Images/box_bottom_right_lightborder.gif) no-repeat bottom right;
	padding: 		12px;
	padding-top:		0px;
}
.contentBoxContentWide { 
	background: 		transparent url(Images/box_bottom_right_lightborder.gif) no-repeat bottom right;
	padding: 		20px;
	padding-top:		2px;
	padding-bottom:		16px;
}
.contentBoxContentThin { 
	background: 		transparent url(Images/box_bottom_right_lightborder.gif) no-repeat bottom right;
	padding: 		4px;
	padding-top:		0px;
}
.contentBoxText {
	margin-left: 		44px;
	padding-top: 		6px;
	padding-bottom:		6px;
	padding-right:		20px;
	
}



.formInput
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


.formListBox {
	font-size:11px;
/*	background-color:#EFEFEF;*/
	font-family:Arial, Helvetica, sans-serif;
}

.dataGridHeader {
  padding:	5px;
  font-weight:			bold;
  background:			#565656;
  color:				white;
  
/*  -moz-border-radius-bottomright: 1em;*/
}

.dataGridHeaderLeft {
  padding:	5px;
  font-weight:			bold;
  background:			#565656 url(/App_Themes/Default/Images/bevel-grey-topleft.png) no-repeat top left ;
  color:				white;
 /* -moz-border-radius-topleft:7px;  */
  
/*  -moz-border-radius-bottomright: 1em;*/


}

.dataGridHeaderRight {
  padding:	5px;
  font-weight:			bold;
  background:			#565656 url(/App_Themes/Default/Images/bevel-grey-topright.png) no-repeat top right;
  color:				white;
 /* -moz-border-radius-topright:7px;*/
}

.dataGridHeaderSmall {
  padding:	5px;
  font-weight:			bold;
  background:			#565656;
  color:				white;
  font-size:			10px;
  text-align:left;
}

.dataGridHeaderSmallRight {
  padding:5px;
  font-weight:			bold;
  background:			#565656 url(/App_Themes/Default/Images/bevel-grey-topright.png) no-repeat top right;
  color:				white;
  font-size:			10px;
  text-align:left;
 /*  -moz-border-radius-topright:7px; */
}

.dataGridHeaderSmallLeft {
  padding:	5px;
  font-weight:			bold;
  background:			#565656 url(/App_Themes/Default/Images/bevel-grey-topleft.png) no-repeat top left;
  color:				white;
  font-size:			10px;
/*  -moz-border-radius-topleft:7px;  */
  
}

.dataGridItem {
  padding-left: 			5px;
  padding-right:			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px solid #DDDDDD;
}

.dataGridItemAltColumn {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  padding-right:5px;
  border-bottom: 			1px solid #DDDDDD;
  background-color:#eeeeee;
}

.dataGridItemSmall {
  padding-left: 			5px;
  padding-right:5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px solid #DDDDDD;
  font-size:		9px;
}

.dataGridItemPriorityHigh {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px dotted #DDDDDD;
  background-color:		#FFC9C9;
}

.dataGridItemPriorityNormal {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px dotted #DDDDDD;
  background-color:		#FFFFC9;
}

.dataGridItemPriorityLow {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px dotted #DDDDDD;
  background-color:		#C9FFC9;
}

.dataGridItemPriorityCustomer {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px dotted #DDDDDD;
  background-color:		#C9FFC9;
}


.subsectionHeading {
  font: 14px Tahoma; font-weight: bold;
  border-bottom: 1px solid #B0B0B0;
  margin-bottom:5px;
  padding-bottom:2px;

}

.subsectionHeadingText {
  font: 14px Tahoma; font-weight: bold;

}


.subsectionHeadingNote {
    text-align:right;
    font:10px Tahoma;
    font-weight:normal;
}


.itemTable {
	
}
.itemTable .leftTD {
	PADDING-LEFT: 15px; VERTICAL-ALIGN: top; WIDTH: 130px; COLOR: black; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.itemTable .rightTD {
	PADDING-LEFT: 15px; PADDING-TOP: 5px; VERTICAL-ALIGN: top;
}

.itemTable .rightTDtext {
	PADDING-LEFT: 15px; PADDING-TOP: 5px; VERTICAL-ALIGN: top;
}



.itemTable .spacerTD {
	HEIGHT: 18px
}

.dataitem
{
	font-weight:bold;
}

.textholder
{
	background-color:#ffffff;
	border:1px solid #dddddd;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	padding:5px;
	font-weight:normal;
}


/*.dataGridStandard td {
  padding-left: 			5px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px solid #DDDDDD;
}*/


/*.dataGridStandard thead td {
  padding-left: 			5px;
  padding-bottom: 		5px;
  padding-top: 			5px;
  font-weight:			bold;
  background:			#565656;
  color:				white;
}*/


/*.dataGridStandard table {
  padding-left: 			0px;
  padding-bottom: 		0px;
  padding-top: 			0px;
  border-bottom: 			0px;
}*/

.optionalTextNotice {
	PADDING-RIGHT: 5px; FONT-SIZE: 90%; COLOR: gray
}

.dataGridUserIcon 
{
	padding-left:20px;
	background:			transparent url(/App_Themes/Default/Images/user-editor-small.png) no-repeat 0px 3px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  border-bottom: 			1px dotted #DDDDDD;
  padding-right:5px;
}

.dataGridServiceIcon 
{
	padding-left:20px;
	background:			transparent url(/App_Themes/Default/Images/service-call-small.png) no-repeat 0px 3px;
  padding-bottom: 		4px;
  padding-top: 			4px;
  padding-right:5px;
  border-bottom: 			1px dotted #DDDDDD;
/*  background-color:#ff0000;*/
}


.informationSegmentBoxLinkList li a,.informationSegmentBoxLinkList li a:link,.informationSegmentBoxLinkList li a:active,.informationSegmentBoxLinkList li a:visited
{
	color:#ddeeff;
}

.informationSegmentBoxLinkList li a:hover
{
	color:#ffffff;
}





.microHeading
{
    font-size:9px;
    padding-top:5px;
    margin-top:5px;
    border-bottom:1px solid #cccccc;
}

.importantText { 
  font-weight: bold; font-size: 16px; color: black;
}


.actionBoxIconUpload { background: url(/universal/images/manager/upload.jpg); background-repeat: no-repeat; float: left; height: 50px; width: 50px; }
.actionBoxIconImport { background: url(/universal/images/manager/import-data.jpg); background-repeat: no-repeat; float: left; height: 50px; width: 50px; }
.actionBoxIconEmail { background: url(/App_Themes/Default/Images/email.png); background-repeat: no-repeat; float: left; height: 50px; width: 50px; }
.actionBoxIconFeedback { background: url(/App_Themes/Default/Images/email.png); background-repeat: no-repeat; float: left; height: 50px; width: 50px; }
.actionBoxIcon { background: url(/App_Themes/Default/Images/email.png); background-repeat: no-repeat; float: left; height: 50px; width: 50px; }
.actionBoxContent { margin-left: 55px; height: 1%; }
.actionBox { padding-top: 4px; }