@charset "utf-8";
@media print{
	.noprint, .noprint * {display:none;}
}


@media print
{    
    .no-print
    {
        display: none !important;
    }
	.print-only{
		display: block;
	}
}

@media screen{
	.print-only{display:none;}
}

*{margin: 0px auto; padding: 0px;}
html{}
body{margin:5px 0 15px 0; padding:0; text-align:left; font-size:12px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; width:100%;}

#wrapper {margin:0px auto; margin-bottom: 95px; padding-bottom: 25px; background:#ffff; width:1200px; height:100%; border-radius:10px; border:5px solid #ccc;	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;	-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;}

#headerbg{background: url(../images/header.png); width: 100%; height: 100px; float: left;}
.innerheader{background: url(../images/header.png); width: 100%; height: 50px;  margin-bottom: 10px; line-height: 50px;}
.innerheader div h2{margin: 0px; padding: 0px; width: 100%; text-decoration: none; border-bottom: 0px; font-size: 28px; line-height: 50px;text-shadow: 1px 1px #666666;}
#logo { 
	width: 250px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}

ul.error{
	list-style: circle;	
	 list-style-position: inside;
	font-weight: bold;
	font-size: 16px;
	color: #FF0000;
	margin-left: 35px;
	
}

#footerstick {position:fixed; bottom:10px; width:1200px; border-radius:10px; border-bottom:20px solid #006;}

#livefeed {width:16%; position:fixed; right:0; top:20px; height:300px; background:#FFF; border-radius:10px; border:1px solid #ccc;	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;	-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;}
 
h1 { margin:10px; text-transform: capitalize; color: #f56b06; font-size:28px; width:90%; border-bottom:1px solid;}
h2 { margin:10px; font-size:20px; width:90%; border-bottom:1px solid; color:#06F; font-weight: bold; margin-bottom:3px; letter-spacing: 1px; padding-bottom: 5px;}

h2 span {text-align:right; float:right; font-size:14px; color:#F00;}
h2 span a {color:#F00;}
h2 span a:hover {color:#00F;} 

#icon {display:inline-block; margin:5px; font-size:14px; background:url(../images/box.gif) no-repeat; width:113px; height:111px; text-align:center;}

#icon:before { content: ''; display: inline-block; height: 65px; vertical-align: middle; margin-right: -0.25em;}

#icon a{color:#027cd1; text-decoration:none;  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; display:inline-block; vertical-align:middle;}

#bottomicon {display:inline-block; margin:5px; font-size:14px; width:70px; height:45px; text-align:center; border: 2px solid #eeeeee; border-radius: 5px; background: #eeeeee}

#bottomicon a{color:#F00; text-decoration:none;  font-family:  Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; display:inline-block; vertical-align:middle;}

#bottomicon a img{height:40px;}

.footer {border-top: 2px #d0d0cf solid; text-align: center; margin: 10px 0 10px 0;}

.footer a { color:#000; text-decoration: none; }
.footer a:hover { color: #d81614; text-decoration:underline; }


#container{text-align:left;	background:#fff; border:1px solid #ccc;	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;	-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;}

#container{	margin:0px auto 0px auto; width:100%; border-radius:0px;}

#workplace{text-align:left;	background:#fff; border:1px solid #ccc;	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;	-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; }

#workplace{	margin:5px; width:23%; border-radius:10px; display:inline-block;}

form.wufoo{	margin:20px 14px 0 14px; padding:0 0 20px 0; position:relative; }

#content{ margin-top:10px; width:97%; padding:10px; padding-top:0px; background:#FFF; text-align:left;}

#content1{
	float:left;
	width: 1200px;
	padding-top:20px;
	
}

#content3{
	text-align:left;
	width: 1200px;
	padding-top:10px;
	
}

#clogo{
	width:10%;	
	float: right;
	margin-top:25px;
	margin-right: 20px;
}

#colgname{ text-align:center;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-weight:bold;
font-size:20px;
padding-bottom:15px;
}



#logodetail {
width: 250px;
font-size:16px;
font-family:  Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-weight: bold;
float:left;
}

#logodetail p { 
text-align: center;
}
#swq { width:550px; float:left; height: 180px;}

#complogo {
border: solid #000 1px;	
width: 192px;
float:right; height:180px;
margin-top:0px;
font-style:italic;
text-align:center;
text-shadow:#C39;
}


#pa { font-size:15px; font-weight:bold; display:block; padding-bottom:5px; padding-left:3px; }

#sw { float:right;  width:490px; height:130px;}

.clear{ 

clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0}

#main { width:1200px; float:left; }

#top { float:left;	
	background: url(images/top1.gif) no-repeat;
	height: 15px;
	width:1200px;

}

#center {
	float:left;
	width:1200px;
	background: url(images/center.gif) no-repeat;
	
}

#bottom { float:left;
width: 1200px;
background: url(images/bottom.gif) no-repeat;
height: 10px;
	
}
#module { width:840px; }

#module img { padding-left:0px ;}

#login { 
margin-left:300px;
background: url(images/quicklinks.gif) no-repeat;
width: 350px;
padding-top: 10px;
float:left;

}

#user { padding-top: 10px;
padding-left: 15px;  
float: left;}

.orange {color: #f56b06;}

#formcontent {width:330px; float:left;}
#fdetail { float:left; width:330px; }

#detail { float:left; width:330px;}



#formcontent label{padding:6px 5px 12px 10px;
display:block;
float: left;
background:url('images/arrow.jpg') no-repeat 0 15px;
font-size: 16px;
cursor: pointer;
width:130px;
letter-spacing: 0.5px;
}

label span.name{
	padding:0 3px 0 3px;
	font-style:italic;
	color:#d81614;
	font-size:12px;
	}

#formcontent input{border:1px solid #aaa5a2; float:left;}

.input{padding-left:5px;
padding-right:5px;
padding-top:5px;
font-size:16px;
padding-bottom:5px;
background-color:#F5FFB0;
display:block;
width:130px;
height: 25px;
}	

#ima {float:right; width: 44px;
padding-left: 5px;
padding-top: 6px;
padding-bottom: 6px;

}

.submit{
	font-family:  Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 120%;
	display:block;
	cursor:pointer;
	background:#000;
	text-align:center;
	color:#fff;
	border:none;
	width: 150px;
}

.focus{background: #FF6;}


#footerstick {
	position: fixed;
	bottom: 0px;
	width: 1200px;
	border-radius: 10px;
	border-bottom: 10px solid #006;
	z-index: 9999;
}

#footercontent {
	text-align: left;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
	width: 100%;
	border-radius: 0px;
	height: 55px;
	padding: 5px;
	font-size: 16px;
}

#session {
	float: left;
	width: 200px;
	border: 0px solid;
	font-size: 11px;
}

#footericon {
	float: left;
	width: 750px;
	border: 0px solid;
	height: 25px;
}

#support {
	float: right;
	width: 215px;
	text-align: right;
	font-size: 11px;
}