/*------------------------------------------------------------------------------------------------------*/
/*		Basics																							*/
/*------------------------------------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif;background-color:#f8f8f8;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;}


a, body, p { font-family: Arial, Sans-Serif;}
a:link { color: #1b5788; text-decoration: none; }
a:visited { color: #1b5788; text-decoration: none; }
a:active { color: #1b5788; text-decoration: none; }
a:hover { color: #5888b9;  text-decoration: underline; }





/* apply general style to bullet points */
ul { margin-left: 25px; margin-bottom: 2;margin-top: 2;margin-right: 0;  font-family: Arial, Helvetica, sans-serif;}
li { margin-left: 0px;  margin-bottom: 2;margin-top: 2;margin-right: 0; font-family: Arial, Helvetica, sans-serif;}
table { font-size: 1.0em; }
.ContentHeader { font-size: 1.0em; }
#WebSearch .inputBox { font-size: 1.0em; border: solid 1px #CBCDB7; width: 100px;}
#WebSearch { font-size: 1.0em; border: solid 1px #CBCDB7; width: 100%; padding:4px}
.HottdeskButtonDarkOrange
{
	background-color: #737373; 
	color: White; 
	border: solid 0px #333333; 
	padding: 1px; 
	font-size: 1.0em; 
	margin-left: 2px; 
	padding-top: 2px; 
	height: 16px; 
	width: 200px; 
	text-align: left; 
	padding-left: 26px; 
	background-image: url(./resources/default/images/newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none;
}
.HottdeskButtonDarkOrange:link { color: White; 	background-image: url(./resources/default/images//newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrange:visited { color: White; background-image: url(./resources/default/images//newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrange:active { color: White; background-image: url(./resources/default/images//newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrange:hover { color: White; background-image: url(./resources/default/images//newimages/button_on.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }

.HottdeskButtonDarkOrangeSmall
{
	background-color: #737373; 
	color: White; 
	border: solid 0px #333333; 
	padding: 1px; 
	font-size: 1.0em; 
	margin-left: 2px; 
	padding-top: 2px; 
	height: 16px; 
	width: 135px; 
	text-align: left; 
	padding-left: 26px; 
	background-image: url(./resources/default/images/newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none;	
}

.HottdeskButtonDarkOrangeSmall:link { color: White; 	background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmall:visited { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmall:active { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmall:hover { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_on.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }

.HottdeskButtonDarkOrangeSmallest
{
	background-color: #737373; 
	color: White; 
	border: solid 0px #333333; 
	padding: 1px; 
	font-size: 1.0em; 
	margin-left: 2px; 
	padding-top: 2px; 
	height: 16px; 
	width: 40px; 
	text-align: left; 
	padding-left: 5px; 
}
.HottdeskButtonDarkOrangeSmallest:link { color: White; 	background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmallest:visited { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmallest:active { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }
.HottdeskButtonDarkOrangeSmallest:hover { color: White; background-image: url(./resources/default/images//newimages/buttonsmall_on.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none; }

.HottdeskButtonDarkOrangeTiny
{
	background-color: #006496; 
	color: White; 
	border: solid 0px #333333; 
	padding: 1px; 
	font-size: 1.0em; 
	height: 16px; 
	width: 50px; 
	text-align: center; 
	background-image: url(./resources/default/images/newimages/button_off.jpg); background-position: center top; background-repeat: repeat-x; text-decoration: none;	
}
/*------------------------------------------------------------------------------------------------------*/
/*		Page Layout																						*/
/*------------------------------------------------------------------------------------------------------*/
.SCMS_UI_ColumnOptions { position: absolute; background-color: White; width: 120px; height: 50px; z-index: 5000; border: solid 1px black; margin-top: 5px; padding: 2px; text-align: left; z-index:999; }
.SCMS_UI_ColumnOptions .ColumnOptionItemAdd { background: url('images/add_green.gif') no-repeat; width: 100%; border-bottom: solid 1px black; padding-bottom: 5px; padding-left: 15px; 	}
.SCMS_UI_ColumnOptions .ColumnOptionItemRemove { background: url('images/close_red.gif') no-repeat; width: 100%; padding-bottom: 5px; padding-left: 15px; }

.SCMS_UI_ColumnSeparator, .SCMS_UI_ColumnSeparatorOver, .SCMS_UI_ColumnSeparatorDown {width:2px;}
.SCMS_UI_ColumnSeparator {background-color:#cccccc; cursor:w-resize;}
.SCMS_UI_ColumnSeparatorOver {background-color:#004e82;color:#000;cursor:w-resize;}

.PopUpAddModule { position: absolute; background-color: White; width: 300px; height: 100px; z-index: 5000; border: solid 1px black; margin-top: 5px; padding: 2px; text-align: left; }

/* Same style for HElp as for Topnavigation**/
.HelpLink { width:100%; background-color: #cccccc; color: #FFFFFF;  padding:4px 4px 4px 4px; margin: 0px 0px 0px 0px;height:28px; }


#PageOutline {text-align:left}
#Page88Template { font-size: 1.1em;  text-align: left; margin-left: auto; margin-right: auto; position: relative; }

/**************required for login page****************/
#PageTemplate #TitleBar { padding: 2px; height: 18px; margin-bottom: 0; background-color: #DA551A;color: #FFFFFF; font-weight:bold;}
#PageTemplate #LoginTitleBar { padding: 2px; height: 18px; margin-bottom: 0;color: #FFFFFF; font-weight:bold; }
#PageTemplate #TitleBar #HottdeskSearch { width: 585px; color: #FFFFFF; margin: 0; float: right; text-align: right; }
#PageTemplate #TitleBar #HottdeskSearch .whiteText { color: White; }
#PageTemplate #TitleBar #HottdeskSearch .whiteText:link { text-decoration: none; }
#PageTemplate #TitleBar #HottdeskSearch .whiteText:visited { text-decoration: none; }
#PageTemplate #TitleBar #HottdeskSearch .whiteText:active { text-decoration: none; }
#PageTemplate #TitleBar #HottdeskSearch .whiteText:hover { text-decoration: underline; }
#PageTemplate #PrimaryNavbar { background-color: #000000; color: #FFFFFF;  padding:0px 0px 0px 10px; margin: 0px 0px 4px 0px; background-image: url(./resources/default/images//newimages/PrimaryNavBg.gif); background-position: center bottom; background-repeat: repeat-x; }
#PageTemplate #PrimaryNavbar #HelpLogo { float: right; margin-top: 3px; }
#PageTemplate #PrimaryNavbar #HelpLogo a:link { background-image: url(images/newimages/help.gif); width: 61px; height: 25px; }
#PageTemplate #PrimaryNavbar #HelpLogo a:active { background-image: url(images/newimages/help.gif); width: 61px; height: 25px; }
#PageTemplate #PrimaryNavbar #HelpLogo a:visited { background-image: url(images/newimages/help.gif); width: 61px; height: 25px; }
#PageTemplate #PrimaryNavbar #HelpLogo a:hover { background-image: url(images/newimages/help-over.gif); width: 61px; height: 25px; }




.SCMS_UI_Column { border: solid 0px black; margin: 0px; display: inline-block; }
.SCMS_UI_Column .ModuleTitle { background-color: #e1ecf4; font-weight: bold; padding: 4px; border-bottom: solid 1px black; }
.SCMS_UI_Column .ModuleTitleCollapsed { background-color: #CCCCCC; font-weight: bold; padding: 4px; }
.SCMS_UI_ColumnHeader { background-color: #CCCCCC; font-weight: bold; }
.SCMS_UI_Module { border: solid 1px black; margin: 0px; }
.SCMS_UI_Module .ModuleTitle { text-align: left; background-color: #e1ecf4; font-weight: bold; padding: 4px; width: 100%; }
.SCMS_UI_Module .ModuleTitleCollapsed { text-align: left; background-color: #CCCCCC; font-weight: bold; padding: 4px; width: 100%; }
.SCMS_UI_ModuleUndocked { border: dotted 1px black; }
.SCMS_Modules_ContentArray { border: solid 0px black; }
.SCMS_UI_Area {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px;}


TABLE
{
	padding:0 0 0 0;
	
}
.borderclassHeader{	
	background-image: url(Images/NewImages/top_nav_image.gif);
	background-repeat:repeat-x;
	height:60;
	width:950;	
}
.addModuleHeader
{
	background-color: #5486bC;
   font-family:	Arial, Sans-Serif;
   font-size:x-small;
   font-weight:bold;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#5486bC');        
}
.buttonclassshort
{  border-style: outset;
        border-color: #ffffff;        
        text-decoration: none;   
        width: 78px;
        height: 22px;
        text-align: center;        
   color:#24568C;
   font-family:	Arial, Sans-Serif;
   font-size:xx-small;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#ffffff;
   border-left-color:#24568C;
   border-right-color:#24568C;
   border-bottom-color:#24568C;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#B0cceb');        
}
.buttonclasslong
{
 border-style: outset;
        border-color: #ffffff;        
        text-decoration: none;   
        width: 180px;
        height: 22px;
        text-align: center;
   color:#24568C;
   font-family:	Verdana;
   font-size:xx-small;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#ffffff;
   border-left-color:#24568C;
   border-right-color:#24568C;
   border-bottom-color:#24568C;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#B0cceb');
}
DIV
{
	border-right: black 0px;
	padding-right: 0px;
	border-top: black 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 0px;
	padding-top: 0px;
	border-bottom: black 0px;
}
.addModuleTable 
{
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid; 
	BACKGROUND-COLOR: #e1ecf4;
}
.moduleList
{
	OVERFLOW: auto; 
	HEIGHT: 200px;
	scrollbar-track-color : #ECF3FB;
	scrollbar-face-color: #ECF3FB;
	scrollbar-highlight-color: #ECF3FB;
}
SCMS_HeaderSubMenu
{
	font-size: larger;
	color:#24568C;
	font-family:	Arial, Sans-Serif;
	width:auto
	
}

.PickerModuleTitle 
{
	  font-family:	Verdana;
   font-size:xx-small;
   font-weight:bold;
	padding: 4px; 
	text-align: left; 
	background-color: #FFFFFF;  
	border-bottom: solid 1px #cccccc; 
	border-top: solid 3px #cccccc; 
	background-image: url(./resources/default/images//newimages/ModuleTitleBg.gif); 
	background-position: center bottom; 
	background-repeat: repeat-x; 
}
.TopNAVLinksClass
{  border-style: outset;
	border-color: #CCCCCC;        
	text-decoration: none;   
	width: 100px;
	height: 22px;
	
	
   color:#336699;
   font-family:	Arial, Sans-Serif;
   font-size:xx-small;
   font-weight:bold;
   background-color:#f9f9f9;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   padding:2px;   
 
}
.dnd_module_table
{
	 background-color:#ffffff;
}