/*  GENERAL CSS : START */
body {
	background-color: #0c0c0c;
	
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f7f7f7;
	
	margin:0px;
	padding:0px;
	border:0px;
	
	height: 100%;
	
}
html {
	height: 100%;
}

form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
}
h4 {
	margin: 0;
	padding: 0;
}
h5 {
	margin: 0;
	padding: 0;
}
h6 {
	margin: 0;
	padding: 0;
}
img {
	border:0px;
	outline:0;
	
}


A {
	color:#e6e5e5;
	text-decoration:none;
	border-bottom: dotted 1px #fff;
}
A:visited {
	text-decoration:none;
	border-bottom: dotted -1px #e6e5e5;
}
A:hover {
	text-decoration:none;
	border-bottom: solid 1px #e6e5e5;
}
/*  GENERAL CSS : END */





/*  FORM CSS : END */
.loginbox{
	height:16px;
	
	font-size:10px;
	color:#CCCCCC;
	
	padding-top:3px;
	padding-left:2px;
	
	border-left:2px #8d3e46 solid;
	border-top:2px #8d3e46 solid;
	border-bottom:0px #8d3e46 none;
	border-right:0px #8d3e46 none;
	
	background-image:url(../images/bg_input.gif);
	background-repeat:repeat-x;
}
.loginbutton{

	height:22px;
	width:28px;
	
	font-size:10px;
	color:#CCCCCC;
	
	border:1px #8d3e46 solid;
	
	background-image:url(../images/bg_input.gif);
	background-repeat:repeat-x;
}
#loginpwdiv {
	display:inline;
}
#loginbuttondiv{
	display:inline;
	width:40px;
}
.bodytextbox {
	height:16px;
	width:200px;
	border:1px #666666;

}
.bodymsgbox {
	height:110px;
	width:440px;
	border:1px #666666;
}
.bodybutton {
	background-color:#CCCCCC;
	border:1px #666666;
}
/*  Firefox outline fixes */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	
	/* main button formatting */
	padding: 0px 2px 0px 2px;
	border: 1px dotted transparent;
  
}
/*  FORM CSS : END */


#outerwrapper {
	width:921px;

	position: absolute;
	left: 50%;
	margin-left: -460px;
}


/* Header starts */
#header {
	margin-top:70px;
	height:110px;
	width:100%;
	
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
}
#headerright {
	padding-top:40px;
	padding-right:20px;
	
	display:inline;
	float:right;
}


#logo {
	vertical-align:bottom;
	padding-left:20px;
	padding-top:33px;
	
	text-decoration:none;
	
}



/* MAIN AREA Starts */
#middle {
	width:100%;
	min-height:350px;
	_height:350px;
	
	/*  mod: aj 18/2/09
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;
	
	background-color:#FFFFFF;
	*/
	
	background-color:#222222;
}


#preleftmenubar {
	height:40px;
	width:100%;
}
#leftmenubar {
	position:absolute;
	
	padding-top:11px;
	width:183px;
	z-index:11;
	
}
#mainarea {
	
	width:695px;
	
	padding-left:203px;
	padding-right:20px;
	
	z-index:2;
	
}


/* PAGE CONTENT... */
#pagetitle {
	font-size:18px;
	color:#e6e5e5;
	
	background-color:#3d3d3d;
	padding:5px;
	margin-bottom:8px;
	
	width:auto;
	display:inline;
}
#pagetitlespacer {
	height:10px;
}
#maincopy {
	
}
.maincopy1 {
	font-size:12px;
	color:#f7f7f7;
	
	margin-top:2px;
	background-color:#3d3d3d;
	padding:8px;
}
.relatedlinks {
	font-size:10px;
	color:#CCCCCC;
	
	margin-top:20px;
	background-color:#353535;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
}
.relatedlinks a{
	color:#CCCCCC;
}



/* FOOTER.... */
#footer{
	font-size:12px;
	color:#e6e5e5;
	
	height:35px;
	width:100%;
	
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	
	font-size:9px;
	color:#8f8f8f;
	
	padding-top:3px;
	padding-left:1px;
}
.textcopyright{
	color:#626262;
}
.textformcopy{
	font-size:10px;
	color:#d0caca;
	padding:2px;
}
.textfooterlinks {
	margin-left:51px;
}


.footerlinks {
	text-decoration:none;
	border-bottom: none 1px #e6e5e5;
	
	color:#8f8f8f;
}
.footerlinks:link {
	text-decoration:none;
	border-bottom: none 1px #e6e5e5;
}
.footerlinks:hover {
	text-decoration:none;
	border-bottom: dotted 1px #e6e5e5;
}


.normallink {
	border-bottom:none;
	border:0px;
	outline-style:none;
}
.normallink:hover {
	border-bottom:none;
}


.spacerdiv {
	height:20px;
	display:block;
	visibility:visible;
}





/* MENU SYSTEM.... */
#menusys_menu{	
	margin:0px;
	padding:0px;
	width:150px;	/* Width of menu */
	
	padding-top:4px;
	padding-left:16px;
}
#menusys_menu li{
	margin-top:2px;	/* Space between each menu item */
	
	list-style-type:none;				
	clear:both;
	display:inline;	
	overflow:hidden;
	
}

#menusys_menu li a{	
	color:#ffffff;	/*  text color */
	text-decoration:none;	/* No underline */
	
	font-size:12px;	
	font-weight:bold;	
	float:left;
	
	padding-left:3px;
	line-height:25px;	/* Height of menu links */
	width:140px;
	
	outline-style:none;
	
}
#menusys_menu li div{
	float:left;
	clear:both;
}




/* TAB SYSTEM STYLES.. */
#tabwrapper{
	width: 690px;
	padding-top:30px;
	
	position:absolute;
}
.box{
	background: #3d3d3d;
}
.boxcontent {
	padding-left:8px;
	padding-right:8px;
}
.boxholder{
	clear: both;
	padding: 5px;
	background: #ad0901;
}
.tab{
	float: left;
	height: 32px;
	width: 102px;
	margin: 0 1px 0 0;
	text-align: center;
	background: url(../images/tabred.gif) no-repeat;
}
.tabtxt{
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}


/* recaptcha */
#captchawrapper {
	padding-top:4px;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#ffffff !important; //reCaptcha widget background color
}
#recaptcha_table {
	border-color: #000000 !important; //reCaptcha widget border color
}
#recaptcha_response_field {
	border-color: #000000 !important; //Text input field border color
	background-color:#ffffff !important; //Text input field background color
}




/* Compliance tester page */
#compliancetester_url{
	border:1;
	border-style:solid;	
	width:300px;
}
#compliancetester_go {
	border:1;
	border-style:solid;
}



/* SHOWCASE HOME PLUGIN ELEMENTS */
#showcasehomeleft {
	width:310px;
	vertical-align:top;
}
#showcasehomeright {
	width:340px;
	vertical-align:top;
}
#showcasespec {
	width:420px;
}
#showcaseselector {
	padding-left:20px;
	float:right;
}
#showcasecategory {
	
}
#showcaseskills {
	
}


/* SHOWCASE PLUGIN ELEMENTS */

.showcasetitle {
	font-size:16px;
	font-weight:700;
	
	padding-bottom:1px;
}
.showcaseshortdesc {
	font-size:12px;
	font-weight:700;
}
#showcaseselectlabel {

	font-size:11px;

	
}
#showcaseselecttop {
	
	width:200px;
	border:1px;
	border-color:#000;
	
	font-size:11px;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:1px;
	
	border-left:2px #000 solid;
	border-top:2px #000 solid;
	border-bottom:0px #000 none;
	border-right:0px #000 none;
	
}
#showcaseselect {
	
	width:200px;
	border:1px;
	border-color:#000;
	
	font-size:11px;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:1px;
	
	border-left:2px #000 solid;
	border-top:2px #000 solid;
	border-bottom:0px #000 none;
	border-right:0px #000 none;
	
}
.showcasebold {
	color:#FFFFFF;
	font-weight:bold;
}
#showcaseclickimage{
	font-size:9px;
	color:#CCCCCC;
}
#showcaseimage {
	border:#333333 1px solid;
}
#showcaseimage:hover{
	border:#999999 1px solid;
}
.optgroup {
	font-style:normal;
	background-color:#EBEBEB;
}
#showcaseselectform {
	padding-right:9px;
}
.showcaselistinfo {
	padding-bottom:2px;
	line-height:14px;
}
.showcaseintrolistinfo {
	padding-bottom:4px;
}


#viartlogo {
	border:0px;
	outline:0;
}