@import url("menu.css");
@import url("customize.css");

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	height: 100%!important;
}
body {
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg.jpg);
	font-size: 62.5%;
}


/* Template Layout
*****************************************/
body #wrapper {
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background: #FFFFFF;*/
}
#wrapper {
	width: 800px;
}

#container {
         float: left;
	background: #FFFFFF;
}

#main {
         float: left;
	border-bottom: 1px solid #cdcdcd;
}



/* Top Area
*****************************************/
div#toparea {
	height: 105px;
	overflow: hidden;
	background: #FFFFFF;
	vertical-align: middle;
}

/* Logo */
#toparea h1 a {	
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	top: 22px;
	left: 8px;
	width: 280px;
	height: 64px;
	margin: 0;
	padding: 0;
	text-indent: -7887px;
	z-index: 100;
}


/* Login Form */
#toparea #loginbox {
	float: right;
	position: absolute;
	top: 12px;
	right: 10px;
	background: url(../images/loginbox-bg.jpg) no-repeat;
	width: 496px;
	height: 86px;
	padding: 0;
}

#toparea #loginbox div.moduletable {
	display: block;
	float: left;
	width: 475px;
	height: 60px;
	padding: 5px 0px 0px 10px;
}

#toparea #loginbox div.moduletable h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#toparea #loginbox form table {
	display: block;
	float: left;
	margin-top: 0px;
}

#toparea #loginbox form table td {
	text-align: left;
	padding-left: 10px;
}

#toparea #loginbox form table td .inputbox {
	text-align: left;
	width: 125px;
	height: 14px;
	border: 1px solid #B90000;
	padding: 2px;
	font-size: 11px;
}

#toparea #loginbox form table td.username {
	width: 120px;
}

#toparea #loginbox form table td.password {
	width: 120px;
}

#toparea #loginbox form table td.remember {
	width: 110px;
}

#toparea #loginbox form table td.remember .checkbox {
	display: inline;
	float: left;
	border: 0px;
	background: #FFFFFF;
}

#toparea #loginbox form table td.remember label {
	display: inline;
	float: left;
	margin-left: 5px;
}

#toparea #loginbox form table td.submit {

}

#toparea #loginbox form table td.submit .button {
	display: block;
	float: left;
	font-size: 11px;
	background: #000000;
	color: #fff;
	border: 1px solid #000000;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

#toparea #loginbox form table td label {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}


/* Top Navigation
*****************************************/

div#topline {
	font-family: Arial, Helvetica, sans-serif;
	width: 785px;
	height: 29px;
	line-height: 29px;
	position: relative;
	float: none;
	margin: 0;
	padding: 0px 0px 0px 15px;
	background: #4f4f4f;
	color: #FFFFFF;
	font-size: 11px;
}

div#nav {
	font-family: Arial, Helvetica, sans-serif;
	width: 800px;
	height: 29px;
	position: relative;
	z-index: 100;
	float: none;
	margin: 0;
	padding: 0;
	background: #d70028;
}

/* Banner
*****************************************/
div#banner {
	width: 800px;
	margin: 0;
	padding: 0;
}


/* Main Content
*****************************************/
#content {
	float: left;
	width: 540px;
}

#sidebar {
	width: 259px;
	float: left;
	border-left: 1px solid #cdcdcd;
}

#content .padding,
#sidebar .padding {
	padding: 0px;
}


#user1 .padding {
	padding: 15px 15px 0px 15px;
}

#user2 .padding {
	padding: 0px 15px 0px 15px;
}


/* Footer
*****************************************/
#footer {
	margin: 0 auto;
	clear: both;
	position: relative;
	height: 50px;
	line-height: 50px;
	font-size: 11px;
	color: #222222;
	text-align: center;
}




/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides From IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}




/* Content & Component Headers */
td.contentheading,
div.componentheading {
	color: #ff0000;
}





/* DEFAULT MODULE STYLING */

/* Modules
*****************************************/
div.moduletable {
	margin-bottom: 14px;
	font-size: 11px;
}

div.moduletable h3 {
	width: 100%;
	height: 30px;
	margin: 0 -10px 12px -10px;
	color: #222222;
	font: bold 1.21em/30px Arial, Helvetica, sans-serif;
	padding: 0;
    line-height: 30px;
}


/* MODULE VARIATIONS */

/* Dark Header */
div.moduletable-darkheader {
	margin-bottom: 14px;
	padding: 3px;
	border: 1px solid #CDCDCD;
	font-size: 11px;
	line-height: 14px;
}

div.moduletable-darkheader h3 {
	height: 18px;
	line-height: 18px;
	font: bold 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: #333333;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 0px 10px;
}

/* Lightgrey BG */
div.moduletable-lightgrey {
	margin-bottom: 14px;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	background: #efefef;
}

div.moduletable-lightgrey h3 {
	height: 22px;
	line-height: 22px;
	font: bold 1.21em/30px Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* Outlined */
div.moduletable-outline {
	margin-bottom: 14px;
	padding: 5px;
	border: 1px solid #CDCDCD;
	font-size: 11px;
	line-height: 14px;
}

div.moduletable-outline h3 {
	height: 22px;
	line-height: 22px;
	font: bold 1.21em/30px Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
li{
text-align:left;
}
/* Website template page*/
.list{
background-image:url(../images/pointer.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
line-height:15px;
}
.list a{
color:#828282;
background-color:#FFFFFF;
text-decoration:none;
}
.browse{
padding:10px 10px 10px 140px; }
.browse a{
color:#4D4D4D;
background-color:#FFFFFF;
font-weight:bold;}

.ttt, .ttt *{text-align:left;}
.ttt a {
color:#828282;
background-color:#FFFFFF;
text-decoration:none;
}
.ttt a:hover {text-decoration:underline;}
.mar5rpx{margin-left:-10px;}
html>body .mar5rpx{margin-left:5px;}

.right{
float:right;
width:214px;
margin: 0px 40px 0 0;
}

.search{
float:right;
width:540px;
height:120px;
background-image:url(../images/search_bg.jpg);
}

.templates1{
background-image:url(../images/t_website.gif);
background-position:top;
background-repeat:no-repeat;
height:30px;
width:480px;
margin:0 0 0 20px;
}
.rightsp{
margin:0 0 0 20px;
}
.leftlogosp{
padding:0px 0px 0px 150px;

}

.flash{
clear:both;
background-image:url(../images/t_flash.gif);
background-position:top;
background-repeat:no-repeat;
height:30px;
width:480px;
margin:0 0 0 20px;
}
.text{
color:#707070;
background-color:#FFFFFF;
padding:0px 10px 10px 10px;
font-weight:bold;
}
h1 {font-size:20px; color:#707070;}
h3 {font-size:12px;}
h4 {font-size:10px;}
H1 {
	font:bold 14px Times New Roman,Tahoma,sans-serif;
}

#toparea #loginbox div.moduletable h3 {
padding-left:10px;
}

ul#mainmenu-nav li {
width:114px;
text-align:center;
}

ul#mainmenu-nav li ul li {
width:113px;
text-align:left;
}

#table298 li{
margin-left:20px;
}

/*end*/