html,body {
	margin: 0px!important;
	padding: 0px!important;
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 11px;
	color: #4E4E4E;
	text-decoration: none;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}

.file{
	width:206px!important;
	background-image: none!important;
	border: 1px solid #ccc!important;
	border-right: 2px solid #666!important;
	border-bottom: 2px solid #666!important;	
	border-top: 2px solid #eee!important;	
	border-left: 2px solid #eee!important;		
}

form{
	margin: 0px;
}

a img{
	border: none;
}

#header{
	height: 64px;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
}

#header img{
	float: left;
	margin-top: 14px;
	margin-left: 28px;
}

#headimg{
	background-color: #6BE5FF;
	background-image: url(../images/mainimg.jpg);
	background-repeat: no-repeat;
	height: 141px;
}

#headimgsmall{
	background-color: #6BE5FF;
	background-image: url(../images/mainimg_small.jpg);
	background-repeat: no-repeat;
	height: 22px;
	text-align: right;
	padding-right: 200px;
	padding-top: 47px;
}

#loginbar{
	width: 234px;
	height: 447px;
	z-index:0;
	right: 6%;
	top: 0px;
	position: absolute;
	background-image: url(../images/shadow.gif);
	background-repeat:no-repeat;
}

#navbar{
	width: 166px;
	height: 447px;
	z-index:0;
	right: 2%;
	top: 0px;
	position: absolute;
	background-image: url(../images/shadow_nav.gif);
	background-repeat:no-repeat;

}

#navbar div{
	text-align: left;
}

ol li{
	margin: 10px!important;
	list-style-type: decimal;	
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	margin-left: 1px;
	margin-right: 1px;	
}

#menu dd {
	position: absolute;
	z-index: 100;
	right: 165px;
	margin-top: -45px;
	width: 205px;
	background-image:url(../images/submenu_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display: none;
}

#menu ul {
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu li {
	text-align: right;
	background-image:url(../images/submenubg.gif);
	background-position:left;
	border-bottom: 2px solid #24A1BE;
}

#menu li:hover{
	background-image:url(../images/submenu_hover.gif);
}

#menu li a{
	padding-right: 10px;
	height: 26px;
	line-height: 22px;
	padding-top: 8px;
	color: #000;
	text-decoration: none;
	display: block;
}

#menu dt a{
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;	
	background-image: url(../images/navbg.gif);
	text-align: left;
	height: 33px;	
}

#firstLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFFFFF!important;
	background-image:url(../images/menufirstlink.gif)!important;
	text-decoration: none;	
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	height: 30px!important;
}

#firstLink:hover{
	color:#000000!important;
	background-image:url(../images/navhome.gif)!important;	
}


#menu dt a:hover{
	background-image:url(../images/navbghover.gif);
}

#menu li a:hover{
	background-image:url(../images/submenu_hover.gif);
	margin:0px;
}

.last{
	border-bottom: none!important;
}

br{
	clear: both;
	margin-bottom: 10px;
}

h2{
	color: #339900;
	font-family: "Trebuchet MS"!important;
	letter-spacing: .08em;
	font-weight:500;
}

#contentspace h3{
	color: #3897DC;
	font-family: "Trebuchet MS"!important;
	letter-spacing: .01em;
	font-weight:500;
	border-bottom: 1px dashed #3897DC;
}

#content{
	padding: 20px;
	overflow: auto;
	background-color: #F5FDFE;
	text-align: left;
}

#loginbar #date, #navbar #date{
	margin-top: 46px;
	text-align: right;
	margin-right: 11px;
	margin-left: 15px;	
	padding-right: 5px;
	height: 27px;
}


#loginbar #login{
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}

#loginbar a{
	text-decoration: none;
	color: #1B67A3;
}

#loginbar a:hover{
	border-bottom: 1px dotted #1B67A3;
}

#logout{
	margin-top: 30px;
	position: absolute;
	margin-right: 195px;
	right: 0px;
	width: auto;
}

#loginbar input{
	border: 0px;
	width: 175px;
	height: 24px;
	padding-left: 6px;
	padding-top: 3px;	
	background-image: url(../images/textfiled.gif);
	background-repeat: no-repeat;

}

#intro{
	text-align: left;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 320px;
}

#contentspace{
	text-align: left;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 200px;
}

label{
	text-align: right;
	padding-right: 10px;
	width: 110px;
	float: left;

}

input{
	border: 0px;
	width: 140px;
	height: 22px;
	padding-right: 10px;
	padding-left: 6px;
	padding-top: 3px;	
	margin-bottom: 3px;	
	background-image: url(../images/textfield10.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 1em;
	color: #4E4E4E;
	float: left
}

.none{
	background-image:none!important;
	width: auto!important;
}

#contentspace table input{
	border: 0px;
	width: 130px;
	height: 22px;
	padding-left: 6px;
	padding-top: 3px;	
	background-image: url(../images/textfield8.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 1em;
	color: #4E4E4E;
	float: left
	
}

* html body input{
	background-attachment: fixed;	
}

#contentspace table textarea{
	float: none!important;
}

.textfield3{
	background-image: url(../images/textfield3.gif)!important;
	width: 42px!important;
}

.textfield6{
	background-image: url(../images/textfield6.gif)!important;
	width: 99px!important;
}


textarea{
	float: left;
	border: 1px solid #989C9E;
	width: 300px;
	height: 100px;
	padding-left: 6px;
	padding-top: 3px;	
	margin-bottom: 5px;	
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 1em;
	color: #4E4E4E;
}

.textareasmall{
	float: left;
	border: 1px solid #989C9E;
	width: 150px!important;
	height: 80px;
	padding-left: 6px;
	padding-top: 3px;	
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 1em;
	color: #4E4E4E;
}

#right{
	float: right;
	margin-right: 30px;
}

.button{
	background-image: url(../images/button.gif)!important;
	width: 82px!important;
	height: 21px!important;
	font-size: 1em!important;
	color: #FFFFFF!important; 
	margin-right: 10px;
}

.buttonbig{
	background-image: url(../images/button2.gif)!important;
	width: 140px!important;
	height: 21px!important;
	font-size: 1em;
	color: #FFFFFF!important; 
	margin-right: 10px;
}

#footer{
	background-image: url(../images/footer_bg.gif);
	width: 100%;
	height: 18px;
	margin-top: 80px;
	padding-top: 12px;
	color:#FFFFFF;
	position:absolute;
	bottom: 0px;
	left:0px;
}

.logout{
	background-image: url(../images/logout.gif)!important;
	width: 50px!important;
	height: 18px!important;
	border:none;
	font-size: 0.76em;
	padding-bottom: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: none!important;
}

.changepassword{
	background-image: url(../images/changepass.gif)!important;
	width: 95px!important;
	height: 18px!important;
	border:none;
	font-size: 0.76em;
	padding-bottom: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.size30{
	border: 0px;
	width: 220px!important;
	height: 22px;
	padding-left: 6px;
	padding-top: 3px;	
	background-image: url(../images/textfield30.gif)!important;
	background-repeat: no-repeat;
}

select{
	float: left;
	width: 150px;
	margin-right: 7px;
	margin-bottom: 3px;
}

.select1{
	width: 180px!important;
}

.selectAlbum{
	width: auto!important;
}

#upload{
	width: 210px!important;
}

#employee3 label{
	width: 110px!important;
	text-align: left;
}

#employee3 select, #advancedsearch select{
	width: auto!important;
}


.width10{
	width: 80px!important;
}

#contentspace  td{
	vertical-align: top;
}

#error{
	color: #CC0000;
}

.biglabel{
	width: 230px!important;
}

.smalllabel{
	width: 80px!important;
	text-align: left!important;
}

.bignum{
	font-size: 14px;
	font-weight:bold;
	color: #3897DC;
}

#searchresults table{
	margin:10px;
}

#searchresults table thead, leavedetails, thead{
	background-image:url(../images/tablehead.gif);
	height: 20px;
	text-align:center
}

#searchresults .odd{
	background-color: #A9EDFE;
}

#searchresults .even{
	background-color: #F5FDFE;
}

#showresults table{
	margin:10px;
}

#showresults table thead, leavedetails, thead{
	background-image:url(../images/tablehead.gif);
	text-align:center
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
}

#showresults .odd{
	background-color: #A9EDFE;
}

#showresults .even{
	background-color: #CCCCCC
}


#leavedetails td{
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;	
}

.tableover{
	background-color:#39D7FF!important;
}

#contentspace ol h3{
	font-weight: bold;
	border-bottom: none;
}

#leaveList em{
	color: #000066;
	font-style:italic;
}

#leaveList li{
	padding: none;
	margin: none!important;
	margin-bottom: 20px;
	list-style-type: decimal;

}

.blue{
	color: #3897DC;	
}

.percentage{
	width: 300px;
	height: 18px;
	float:left;
}

.option1color{
	background-color:#339900;
}

.option2color{
	background-color:#99CC33;	
}

.option3color{
	background-color:#FF6600;	
}

.option4color{
	background-color:#FF3300;	
}

.leftalign{
	float:left; 
	margin-right: 10px;
	font-weight: bold;
}

span{
	float: left;
	width: 70px;
}

.spanbig{
	width: 330px;
}

.spanmedium{
	width: 150px;
}

.checkbox{
	width:auto!important;
	background-image: none!important;
}

#menuadmin{
	border: 1px solid #cccccc;
	padding: 10px;
	width: 80%;
}

#menuadmin ul{
	margin-left: 20px;
	padding-left: 20px;
}

#menuadmin li{
	clear: both;	
}

.star{
	color: #CC3300;
}

#othercity{
	display: none;
}

#othereducation{
	display: none;
}

#resumeremarks{
	font-weight: normal!important;
	color: #CC0000;
}

.author{
	color: #0099CC;	
}

.smallselect{
	margin-right: 1px!important;
	width: 40px!important;
}

#ifselected{
	display:none;
}

td{
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 10px;
	color: #4E4E4E;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

thead td{
	font-weight: bold;
}

.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}

#propertybox input{
	width: 40px!important;
	background: none!important;
	background-color: #fff!important;
	border: 1px solid #666!important;
	float: none;
}

#propertybox select{
	width: auto!important;
	float:none;
}

#menuarea{
	width: 400px;
	height: 250px;
	border: 1px solid grey;
	display:none;
	overflow: auto;
}

#menuorderarea{
	width: 250px;
	height: 250px;
	border: 1px solid grey;
	display:none;
	overflow: auto;
	float: left;
}

#menuorderarea ul{
	margin: 10px;
}

#menuorderarea li{
	border: 1px solid #ccc;
	background-color: #e7e7e7;
	padding: 3px;
}

#menuarea a{
	cursor: pointer;
	cursor: hand;

}

#menuarea ul{
	margin-left: 22px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	background-position: 10px;
}

#menuarea ul li{
	margin-top: 1px;
	margin-bottom: 1px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

#menuareamessage{
	display:none;
}

#menuarea img{
	float: left;
	margin-top: 5px;
	margin-left: 7px;
}

#menuarea input, #menuorderarea input{
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	background: none;
	float: left
}

.rteImg {
	background:#EFEDDE;
	border:1px solid #EFEDDE;
	width:23px;
	height:22px;
	margin:1px;
}

.rteImgUp {
	background:#cddbf3;
	border:1px solid #6e9ce6;
	width:23px;
	height:22px;
	margin:1px;
}

.rteImgDn {
	background:#C1D2EE;
	border:1px solid #316ac5;
	width:23px;
	height:22px;
	margin:1px;
}

.rteSep {
	margin:0 2px 0 2px;
	width:1px;
	height:20px;
	border:0px
}
.rteBar {margin:0 2px 0 4px;width:3px;height:15px;border:0px}
.rteBk {background:#EFEDDE;border: 1px solid #EFEDDE;letter-spacing:0;height:24px}
.rteBk tbody tr td, .rteBk tr td {background:#EFEDDE;height:24px}
.rteDiv {display:block;position:relative}
.show {left:auto;top:auto;position:relative}
.hide {left:-1000px;top:-1000px;position:absolute}
.rteBk{
	margin: 0px!important;
}

.th1{
	background : red;
}

.rteBk td{
	padding: 0px!important;
}

.caltable td{
    font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
    font-size: 0.84em;
    border: 1px solid #e7e7e7;
}

.caltable td a{
	text-decoration: none;
	color: #4E4E4E;
}

.calheader{
    background-image:url(../images/tablehead.gif);
    height: 20px;
    text-align:center
}

.today{
    background-color: #4E9CDC;
}

.calender{
	float:left;
}

td{
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Arial;
	font-size: 11px;
}

#btnchar2{
	width: 40px!important;
	background-image: none!important;
}

#size8{
	width: 60px!important;
}

#previewPane{
	position: absolute;
	border: 1px solid grey;
	background-color: #fff;
	padding: 5px;
	z-index: 200;
}

#filehide{
	position: absolute;
	margin-left: -206px;
	margin-top:-1px;
}


#editPopUp{
	background-image:url(../images/tablehead.gif);
}
#contenttable{
	text-align: left;
	margin-top:220px;
	margin-left: 25px;
	margin-right: 200px;
	min-width: 560px;

}


#conferenceRoomHeader{
	background-color: #F5FDFE;
	text-align: left;
	margin-top: 14px;
	margin-left: 30px;
	margin-right: 180px;
	height: 150px;
	z-index:0;
	right: 2%;
	top: 120px;
	position: absolute;
	width: auto;
	background-repeat: x-repeat;
}

#conferenceRoomHeader h2{
	color: #339900;
	font-family: "Trebuchet MS"!important;
	font-weight:500;
	font-size: 15px;
}
#conferenceRoomHeader label{
	text-align: right;
	padding-right: 10px;
	width: 100px;
	float: left;

}
#conferenceRoomHeader  td{
	vertical-align: top;
}
#conferenceRoomHeader select{
	float: left;
	width: 140px;
	margin-right: 7px;
	margin-bottom: 3px;
}