html 
{ 
	padding: 0px; 
	margin: 0px; 
	cursor: inherit;
}

img 
{
	border-style: none;
	border-width: 0;
}

body 
{
	background: #222222;
    padding:0px;
    height: 100%;
    font: normal 12px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    color: #666; 
    margin: 0px; 
    text-align: left;
  	cursor: inherit;
}

div
{
	text-align:left;
	cursor: inherit;
}

label
{
	font-weight: bold;
}

legend
{
    padding: 0px;
    font: normal 12px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    color: #666; 
    margin: 0px; 
    text-align: left;
   	cursor: inherit;
}

a
{
	font-weight:bold;
	color: #990000;
	text-decoration: none;
}

td
{
	vertical-align: top;
}

fieldset
{
	width: 95%;
	cursor: inherit;
}

.DisplayIdDiv
{ 
	width:75px; 
	OVERFLOW:hidden;

}

.DisplayPlaceDiv
{ 
	width:100px; 
	OVERFLOW:hidden;

}

.DisplayPriorityDiv
{ 
	width:25px; 
	OVERFLOW:hidden;
}

.DisplayRequestTextCreatedByDiv
{ 
	width:50px; 
	OVERFLOW:hidden;
}

.DisplayCustProbDiv
{ 
	width:150px; 
	OVERFLOW:hidden;
	height: 15px;
}

.DisplayRequestTextDiv
{
	width:300px; 
	OVERFLOW:hidden;
}

.DisplayModelDiv
{ 
	width:100px; 
	OVERFLOW:hidden;
}

.DisplaySerialDiv
{ 
	width:100px; 
	OVERFLOW:hidden;
}

.DisplayTypeDiv
{ 
	width:50px; 
	OVERFLOW:hidden;
}

.DisplayStatusDiv
{ 
	width:50px; 
	OVERFLOW:hidden;
}

.DisplayCreatedDateDiv
{ 
	width:75px; 
	OVERFLOW:hidden;
}

.DisplayRequestTextCreatedDateDiv
{ 
	width:75px; 
	OVERFLOW:hidden;
}

.WizardButtons
{
	padding-left: 5%;
	padding-top: 5%;
}

.WizardNavigation a
{
	color: Black;
	background-color: #CCCCCC;
	border: 1px solid #000000;
	padding: 1px;	
}

.HomePage a
{
	font-weight:bold;
	color: #990000;
	text-decoration: none;
}

.HomePage a:hover
{
	text-decoration: underline;
}


.GridViewStyle a
{
	border: 0px;
	padding: 0px;	
	text-decoration: none;
}

.GridViewStyle a:hover
{
	text-decoration: underline;
}

.GridHeaderLinks a:hover
{
	background-color: #5D7B9D;
	text-decoration:underline;
}

.GridHeaderLinks a
{
	border: 0px;
	padding: 0px;	
	text-decoration: none;
}

.GridViewStyleFooter
{
	background-color:#5D7B9D;
	color: White;
	font-weight: bold;
	height: 1px;

}

.GridViewStyleFooter  td
{
	height: 1px;
}

.GridViewStyleFooter  tr
{
	height: 1px;
}


.LabelTitle
{
	font-size: 12px;
	font-family: Verdana;
	color: Black;
}

.LabelTitleHeader
{
	font-size: 14px;
	font-family: Arial;
	color: Black;
	text-decoration: underline;
}

.LabelValue
{
	font-size: 12px;
	font-weight:normal;
	font-family: Arial;
}

.LabelHeader
{
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	color: #990000;

}

.LabelInfo
{
	font-size: 14px;
	font-weight: bold;
}





/* div#id -- these are specific id's, not classes */

div#login
{
	text-align:center;
	position:relative;
	left:-50px;
}

div#container
{
	background: #222222;
	width: 88%;
	position:relative;
	text-align: center;
	margin-top: 1.5%;
	margin-left: 2.0%; 
	margin-right: 2.0%;
	margin-bottom: 2.0%;
	top: 0px;
	left: -8px;
}



div#header 
{
	
	/* This width will need to be adjusted based on the width of the logo */
	/* width: 776px; */
	/* background: white; */
	
	height: auto;
	background: white;
	background-image: url(../Images/top_border.png); height: 63px; width: 776px; background-repeat:no-repeat; background-position:left;
	display: block;
	width: 776px;
	vertical-align: middle;
}

div#headerImage
{
	height: auto;
	background: white;
	background-image: url(../Images/logo.gif); height: 82px; width: 776px; background-repeat:no-repeat; background-position:left;
	display: block;
	width: 776px;
}


div#content 
{
	/* This width will need to be adjusted based on the width of the logo */
	width: 776px;
	height: auto;
	background: white;
}

div#space
{
	/* This width will need to be adjusted based on the width of the logo */
	width: 776px;
	height: auto;
	background: white;
}

div#footer 
{
	width: 776px;
	height: auto;
	background: white;
}

div#twoColumnContainer {
    margin:0 auto;
    width:100%;
    }

div#twoColumnNav {
    float:left;
    width:25%;
    }
    
div#twoColumnDetail {
    float:left;
    width:75%;
    }

div#mainContentDiv
{
	width: 83%;
	float:right;
	vertical-align: top;
}

div#leftnav
{
	vertical-align: top;
	padding-left: 4px;
	float:left;
	width: 15%;
	border-right: inset 4px #F5F5F5;
	height: auto;
}

div#topmenuleft
{
	vertical-align: top;
	float:left;
	padding-left: 5px;
	background: white;
}

div#topmenuright
{
	vertical-align: top;
	float:right;
	background: white;
}

div#home3columncontainer
{
	vertical-align:top;
	padding-left: 5px;
}

div#home3columnleft
{
	width:30%;float:left;
	/* padding-left: 5px; */
}

div#home3columncenter
{
	width:30%;float:none;
}

div#home3columnright
{
	/* width:32%;float:right; */
	width:30%;float:right;
}


div#requestsOnly3columnleft
{
	width:33%;float:left;
	padding-left: 5px;
}

div#requestsOnly3columncenter
{
	width:32%;float:none;
}

div#requestsOnly3columnright
{
	width:32%;float:right;
}


div#home2columnleft
{
	width:50%;float:left;
}

div#home2columnright
{
	width:50%;float:left;
}


/* buttons */

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
width: 100px;
background:url(../Images/formbg.gif) repeat-x left top;
}

.formbutton:hover{
color: #990000;
border:inset 1px #ccc;
}

.formbuttonnav
{
padding-left: 3px;
cursor:pointer;
font-family: Arial;
font-weight: bold;
font-size: 11px;
width: 115px;
height: 25px;
background:url(../Images/navbutton.png) repeat-x left top;
}

.formbuttonnav:hover{
color: #990000;
border:inset 1px #ccc;
}

.formtextbox{
border:outset 1px #ccc;
background:white;
color:#666;
padding: 1px 2px;
}

.formdropdownlist{
cursor:pointer;
border:outset 1px #ccc;
background:white;
color:#666;
padding: 1px 2px;
width: 175px;
}

.cssbutton{
padding: 2px 0.5em;
text-decoration: none;
color: white;
background-color: Gray;
border: 2px solid #F7F6F3;
border-style: outset;
width: 125px;
}

.cssbutton:hover{
background-color: #F7F6F3;
color: black;
}

.cssbutton:active{
border-style: inset;
background-color: Black;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button 
{
	
    background: transparent url('../Images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../Images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;    
    outline: none; /* hide dotted outline in Firefox */
    color: #990000;
}


a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}