@import url("reset.css");
@import url("grid.css");




body 
{
	background-color: #ffffff;
	background-repeat:repeat;
	background-position: left top;
	margin:0px 0px 0px 0px;
	padding:0px;	
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 75%;
	color:#454545;
	/*font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;*/
	background:url(../images/stripped-concept-background.png) repeat-x;
	background-color:#EFF0F2;

}
/*------- HEADER ---------------------------*/
#header #buttons
{
	width:533px; 
	overflow:hidden;
	float:left;
	position:relative; 
	top:4px; 
	left:20px;	
}
#titlebar-container
{
	text-align:left;
	border: 0px solid #ff0000;
	height:40px;
	overflow:hidden;
	margin: 20px 0px 0px 10px;
	padding: 6px 0px 0px 0px;
}
#titlebar 
{
	font-size: 1.6em;
	margin-left:0px;
	margin-right:0px;
	font-variant: small-caps;
	margin-top:4px;

}
/*------- FOOTER ---------------------------*/
#footer 
{
	color:#909090;
	border-top:1px solid #000000;
	padding:10px 10px 10px 10px;
	overflow:hidden;
}

/*------- BASE TAGS ---------------------------*/
A:link, A:visited, A:hover, A:active {text-decoration:none;color:#3D7BB3;} /* 5395CA */
h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #000000;}
h1 {font-size: 2.4em;padding: 0px;}
h2 {font-size: 1.4em;margin-bottom: 8px;}
h3 {font-size: 1.2em;color: #000000;}

h1, h2, h3 {
	letter-spacing:-0.0em;
	line-height: 1.05em;
	padding-bottom: 10px;
}
/*------- STANDARD TABLE ---------------------------*/
TABLE.westec
{
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	background: #efefef; 
	border: 1px solid #cccccc; 
	border-collapse: collapse; 
	width: 98%; 		
}
TABLE.westec TR.altRow, TR.altRow
{
	background:#FFFFFF;	
}

TR.rowOn TD 
{
	background:#DAE7EF;
}

TABLE.westec TH, TABLE.westec TD.ListViewColumnHeader
{
    background: url(../images/sprite.png) repeat-x 0px -5px;
    border-color: #989898 #cbcbcb #aaaaaa #989898;
    border-style: solid solid solid none;
    border-width: 0px 1px 1px medium;
    color: #404040;
    padding: 0px 0px 0px 10px;
    text-align: left;
    vertical-align:middle;
    height:20px;
    font-weight:normal;
    letter-spacing:1px;
}
TABLE.westec TD {height:20px;padding-left:10px; margin: 0px;}
/******************* FORMS ***********************************/
.formLabel {color:#666666;}
.instructions {color:#999999;padding: 4px 0px 4px 0px}
.formLabelRight {color:#666666;text-align:right;padding-right:4px;}
OPTION {font-size:.9em;color:#666666}
SELECT {font-size:.9em;color:#666666}
INPUT {font-size:.9em;padding-left:4px;border:1px solid #cccccc;}



/******************* SLING NEWS STYLES *******************/
#wrapper {width:280px; margin:0 auto}
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:0px solid #ff0000; height:200px;}

.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:0px solid #ff0000}
.section {padding:4px}
.newsslider {position:relative; overflow:hidden; border:0px solid #ff0000; height:80px;}

.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:0px solid #ff0000}
.newssection {padding:4px; height:75px}
.newssection {padding:4px; height:75px}

.newssection .newsdate {font-size:.9em;margin-bottom:8px;}
/* .newssection .newstitle {font-size:12px; font-weight:bold; color:#000000} */

#NewsStory P {margin:0px 0px 10px 0px;text-align:justify;padding:0px 10px 0px 0px;width:100%}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
	

.AlertBar {text-align:center;margin:0px 0px 0px 0px;padding:4px 0px 4px 0px; background:#cc0000;background:url(../images/red-runner.png) repeat-x bottom}
.AlertBarButton {background:#000000;font-size:11px;border:1px solid #cccccc;color:#ffffff;padding:4px 4px 4px 4px;font-weight:bold;}
.AlertBarMessage {font-size:11px;color:#ffffff;padding:4px 4px 4px 4px;font-weight:bold;}

.HR 
{
	height:0px;
	border-style:solid;
	border-width:1px;
	border-top-color:#ffffff;
	border-right-color:#dddddd;
	border-bottom-color:#dddddd;
	border-left-color:#ffffff;
} 

.WestecLogo {margin-top:30px;margin-left:0px;border:1px solid #00ff00}

.NavButton 
{
	color:#666666;
	margin-right:8px;
	float:left;
	font-size:12px;
	height:14px;
	padding:4px 10px 4px 10px;
	/*background:#F2F2F2;*/
	border:1px solid #efefef;
	cursor: pointer;
	text-align:center;
	}
.NavButton_on 
{
	color:#000000;
	margin-right:8px;
	float:left;
	font-size:12px;
	height:14px;
	padding:4px 10px 4px 10px;
	/*background:#FFF000;*/
	border-top-color:#e0e0e0;
	border-right-color:#e0e0e0;
	border-top-color:#cccccc;
	border-right-color:#cccccc;
	border-bottom-color:#ffffff;
	border-left-color:#ffffff;
	border-width:1px;
	border-style: solid;
	cursor: pointer;
	text-align:center;
	}
#titlebar a, #titlebar #a:active, #titlebar a:visited  {color:#666666;}
#titlebar a:hover {color:#000000}


.noborder input, input[type="checkbox"],input[type="radio"]  {border:0px solid #ffffff;}





.subheading
{
	font-size: 1.3em;
	letter-spacing:-0.0em;
	line-height: 1.05em;
	font-weight: normal;
	color:#464646;
	margin-bottom: 0px;
	padding-bottom:0px;	
	border-bottom:0px solid #efefef;
	border-top:0px solid #efefef;
	color:#202020;
	height:24px;
	padding:8px 0px 0px 10px;
	text-decoration:none;
	text-align:left;
}
a.subheadinglink {color:#404040;}

.subheadingright
{
	font-size: 1.1em;
	letter-spacing:-0.0em;
	line-height: 1.05em;
	font-weight: normal;
	/* background: url(../images/right-header-back.png) repeat-x top left; */
	background: none;
	border-left: 0px solid #ff0000;
	border-bottom: 0px solid #e6e6e6;
	color:#333333;
	font-weight:bold;
	height:18px;
	padding:4px 0px 8px 10px;
	margin:8px 0px 0px 0px;
	cursor:hand;
	text-align:left;
}


img.ThumbImage {cursor:hand;width:40px;height:30px;border:1px solid #cccccc;padding:4px;margin:0px 10px 2px 0px;}

.pageTitle {margin:0px 20px 16px -10px;color:#333333;font-size: 2.0em;padding:0px 12px 0px 12px;
            /* background:url(../images/fs-alert_sprite_background_greyscale_1x43.png);border-width:0px 2px 2px 0px;border-color:#cccccc;border-style:solid; */
            }
.pageSubTitle {margin:10px 0px 10px 0px;color:#000000;font-size: 1.2em;padding: 0px;}
.pageNum a {border:1px solid #cccccc;color:#000000;padding:4px;margin-left:2px;}
.pageNum a.on {font-weight:bold;border-color:#404040}
.error {color:#990000;}
.success {color:#007800;font-size:1em;}

ul.news
{
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
list-style-position: outside;
list-style-image: url(../images/icons/doc.png);
padding-left: 20px;
margin-left:10px;

}
ul.news li {margin-bottom:0px}

.newsTitle {font-weight:bold;font-size:1.4em;color:#000000;margin-bottom:4px;}
.newsSubTitle {font-weight:bold;font-size:1.2em;color:#404040}
.subscript {font-size:9px;}


 .popup-container .popup-tabs {
	color:#333; 
	margin-bottom:0px;
	visibility:hidden;
	background:#ffffff;
	
}

.popup-container .popup-tabs ul {
	height:22px;
	overflow:hidden;
	margin:0px 0px 0px 0px; 
	padding-left:0px; 
	list-style:none; 
	border-bottom: 2px solid #cccccc; 
}

.popup-container .popup-tabs LI {
	position:relative;
	float:left;
	height:22px;
	overflow:hidden;
}
 
.popup-container .popup-tabs LI A {
	position:relative;
}
A.tab, A.tab:hover {
    background: transparent url(../images/explore_tabs_bg.gif) no-repeat scroll top right;
    color: #999999;
    float: left;
    font: bold 10px arial, sans-serif;
    height: 23px;
	padding-right:5px;
	overflow:hidden;
	text-decoration:none;
	cursor:hand;
	
}

A.tab:hover {color: #555555;}

A.tab SPAN {
  	overflow:hidden;
 	background: transparent url(../images/explore_tabs_span_bg.gif) no-repeat;
    display: block;
    padding: 5px 2px 5px 5px;
}

A.tab-on {
	color: #000000;
    height: 23px;
    background:#cccccc;
 	background: transparent url(../images/explore_tabs_span_bg.gif) no-repeat;
}

A.tab-on SPAN {
	/*background-position: left -25px;*/
	padding-bottom:6px;

} 
.tabcontent {display:none;}   



#mbox{background-color:#eee; padding:4px; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(../overlay.png);}
.dialog {display:none}

* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");}

.pnl {background#efefef;text-align:left;border-bottom:1px solid #efefef;}
.pnlcontent {margin:0px 0px 0px 0px ;}   


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


.Normal
{
  border:0px solid #ff0000;
  background: none;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: auto;
}
 
.Progress
{
  border:0px solid #ff0000;
  /*
  background-color:#eee;
  background-image: url(../images/icons/wait16trans.gif);
  background-position: center center;
  background-repeat: no-repeat;
	*/
  cursor: wait;

}

.silverFade {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#bababa')}
.silverFadeReverse {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bababa', EndColorStr='#ffffff')}


.QuickSearch {background:url(../images/fs-alert_sprite_background_greyscale_1x43.png);}
input[type="text"],input[type="password"], .QuickSeachTextBox
{
	background: #ffffff url(../images/form-field-bg.gif) no-repeat ;
	padding: 3px 7px 2px 5px;
	color: #333333;
	border-style:solid;
	border-color:#eeeeee #eeeeee #eeeeee #eeeeee;
	border-width:1px; 
	background-position: 0px -1px;
}
textarea
{
	background: #ffffff url(../images/form-field-bg.gif) no-repeat ;	
	background-position: 0px -1px;
	border:1px solid #dddddd;
	overflow: auto;
	padding:6px;
	font-family: Helvetica , arial, verdana, sans-serif;
}


/* MODAL WINDOW STYLES */
DIV.ModalTitle {margin:0px 0px 10px 0px;color:#000000;font-size: 2.4em;padding: 0px;}
DIV.ModalSubTitle {margin:0px 0px 10px 0px;color:#000000;font-size: 1.2em;padding: 0px;}
DIV.ModalText {line-height:16px;}

Table.ModalFrame td.TopRight {background-image:url(../images/rounded-white.png);background-position:20px 0px;width:20px;height:20px;}
Table.ModalFrame td.TopRunner {background-image:url(../images/rounded-white.png);background-position:0px -40px;width:20px;height:20px;}
Table.ModalFrame td.TopLeft {background-image:url(../images/rounded-white.png);background-position:0px 0px;width:20px;height:20px;}
Table.ModalFrame td.RightRunner {background-image:url(../images/rounded-white.png);background-position:20px -80px;width:20px;height:20px;}
Table.ModalFrame td.Content {background:#ffffff;}
Table.ModalFrame td.LeftRunner {background-image:url(../images/rounded-white.png);background-position:0px -80px;width:20px;height:20px;}
Table.ModalFrame td.BottomRight {background-image:url(../images/rounded-white.png);background-position:20px -20px;width:20px;height:20px;}
Table.ModalFrame td.BottomRunner {background-image:url(../images/rounded-white.png);background-position:0px -60px;width:20px;height:20px;}
Table.ModalFrame td.BottomLeft {background-image:url(../images/rounded-white.png);background-position:0px -20px;width:20px;height:20px;}


DIV.Teardrop {background:url(../images/teardrop.png);height:4px;}
img.double_border { border: 1px solid #bbb;  
                    padding: 5px; /*Inner border size*/ 
                    background: #ddd; /*Inner border color*/ 
} 
.btn 
{
	text-align:center;
	border-width: 1px; 
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-style: solid;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	background:#000000;
	color:#333333;
	font-weight:bold;
	font-size:11px;
	background: #efefef;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#bababa');
	height:20px;
}

.navButton {cursor:hand;float:left;text-align:center;padding:10px 20px;height:24px;background:url(images/nav-button-background.png);border-style:solid;border-width:1px;border-color: #cfd0d1 #bdc1c8 #cfd0d1 #cfd0d1}
.blackback {background:#000000;color:#aaaaaa}
.loading {position:absolute;height:400px;text-align:center;padding-top:2px;background: url(images/icons/wait30trans.gif) no-repeat center center;}
.pageNumber {cursor:auto;border:1px solid #cccccc;color:#000000;padding:4px;margin-left:2px;text-align:center;width:20px;float:left;background: url(images/title_back.png) repeat-x bottom;}
.on { border:2px solid #000000; }
#txtSearch {padding:2px;padding-left:10px;height:11px;}
#ServiceLevelFilterMenu,#MonitoringFilterMenu,#GroupFilterMenu,#StateFilterMenu {font-size:11px;font-family:Arial;}




.caseinfo a { background:url(../images/case_close.png); width:50px; height:50px; }