/* menu styles */
#jsddm
{	


margin: 0;
	padding: 0;
	width:952px;
height:36px;
line-height:36px;
padding:0 0 0 32px;
background-image:url(../images/menu_bg.gif);
background-position:top left;
background-repeat:repeat-x;
float:left;
text-transform:none;

}

	#jsddm li
	{	float: left;

		font: 12px Tahoma, Arial;
		display:inline;
list-style-type:none;
height:36px;
line-height:28px;

		}

	#jsddm li a
	{	display: block;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		white-space: nowrap;
		color:#D2DEEC;
		}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline ;
				
				}
			
			#jsddm li ul li a
			{	width: auto;
				background: #A9C251;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #C1FFC1 ; 
				font-weight:bold;
			}
			
/*  BOdy CSS */

*{
margin:0px;
padding:0px;
}
img{border:0px;}
html{
width:100%;

background-color:#6B7887
}
body{
width:984px;

margin:0 auto;
padding:0 1px;
background-color:#FFFFFF;
position:relative;
font-family:verdana,Georgia,"Times New Roman",Times,serif

}
html > body{

}


#select{
width:100px;
height:18px;
float:left;
font-size:11px;
/ font-size:9px;
margin:0 23px 0 0;
border:2px inset #808080
}


#menu{
width:952px;
height:36px;
line-height:36px;
padding:0 0 0 32px;
background-image:url(../images/menu_bg.gif);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#menu li{
display:inline;
list-style-type:none
}
#menu a{
font-family:Tahoma;
font-size:11px;
color:#D2DEEC;
text-decoration:none;
margin:0 15px;
}

#header{
width:984px;
height:70px;
font-family:Tahoma;
font-size:20px;
color:#6A6A6A;
font-weight:bold;
}

#header span{
display:block;
text-align:center;
line-height:20px;
padding:0 10px 0 0
}
#footer{

width:984px;

height:40px;
border-top:8px solid #254A73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#343434;
font-weight:bold;
}

#footer p 
{
text-align:center;
}

.layout-grid{
    display: table;
}

.layout-row{
    display: table-row;
}

.layout-cell{
    display: table-cell;
}

#loginheader{
width:984px;
height:20px;
font-family:Tahoma;
font-size:14px;
color:#6A6A6A;
font-weight:bold;
padding:5px 0 5px 0 ;
}

#loginheader span{
display:block;
text-align:center;
line-height:20px;
padding:0 10px 0 0
}

/* Reports */

body 
{

font-size:12px;
font:verdana;
}

table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstable th , #trdept3 {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	
	padding:4px 4px 4px 4px;
	border-style: solid;
	border-color: #a9c6c9;
	text-align:left;
}
.oddrowcolor{
	background-color:#d4e3e5;
}
.evenrowcolor{
	background-color:#c3dde0;
}


#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay div {
     width:75%;
	 
    margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

.style2 {font-size: 15px;font-weight:bolder}

/* Veritcal Menu Css */
.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://localhost/helpdesk/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.text-danger {
	color: #dc3545 !important;
}

/* Hide element */
.hidden {
    display: none;
}

/* Show element */
.visible {
    display: block;
}


.ms-hidden { display: none !important; }
.ms-visible { display: block !important; }
.ms-offscreen { position: absolute !important; left: -9999px !important; }