/*
 *************************************
 AdFrame Styles File 
 Created by Adam Jones, Copyright 2010
 
 CSS File for adam-makes-websites.com
  
 Created: 26/9/08
 Updated: 15/7/10
 *************************************
*/

body {
	background-color: #060001;
	
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f7f7f7;
	
	margin:0px;
	padding:0px;
	border:0px;
	
	height: 100%;
	
	line-height:17px;
}
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;
}


ul {
	
}
li {
	top:-4px;
	margin-bottom:5px;
}
blockquote {
	margin-left:10px;
}



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 */



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


#logo {
	vertical-align:bottom;
	padding-left:22px;
	padding-top:33px;
	
	text-decoration:none;
	
}
#topleftlogo {
	position:relative;
	top:10px;
}



#debug {
	position:fixed;
	float:left;
	background-color:#000000;
	color:#ffffff;
	padding:10px; 
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70); 
	z-index:99999;
}
#debug a{
	color:#FFF;
	font-size:9px;
}
#debug a:hover{
	color:#CCC;
}


#warnings {
	position:fixed;
	float:left;
	background-color:#990;
	color:#ffffff;
	padding:10px; 
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70); 
	z-index:99999;
}
#warnings a{
	color:#FFF;
	font-size:9px;
}
#warnings a:hover{
	color:#CCC;
}

#debug_urlrewrite {
	position:fixed;
	right:0px;
	background-color:#000000;
	color:#ffffff;
	padding:10px; 
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99999;
}
.ext-link {
	text-decoration:none;
	font-weight:bold;
}
a.ext-link {
	text-decoration:none;
	font-weight:bold;
}




/* CENTRAL CSS 2009! - START */
/* note 1: check your doctype! This CSS was written for 4.01 quirks but does work in 4.01 STRICT */
/* note 2: requires specific ie 7 or less mods */


#container1 { 
	width: 100%; 
	height: 100%; 
	display: table; 
}

/*
#container2 { 
	width:100%;
	display: table-cell; 
	vertical-align: middle;
}
*/


#container3 { 
	width:956px;
	/*height:815px;*/
	vertical-align: middle; 
	
	/* key to make content centre within container2 */
	margin-left:auto;
	margin-right:auto;
	
	
	
}
/* CENTRAL CSS - END */





/*  FORM CSS : END */
.loginbox{
	height:16px;
	
	font-size:10px;
	color:#CCCCCC;
	
	padding-top:3px;
	padding-left:2px;
	
	background-image:url(../images/bg_input.gif);
	background-repeat:repeat-x;
}
.loginboxborder1{

	border-left:2px #530e15 solid;
	border-top:2px #530e15 solid;
	border-bottom:0px #530e15 none;
	border-right:0px #530e15 none;
}
.loginboxborder2{

	border-left:2px #73141d solid;
	border-top:2px #73141d solid;
	border-bottom:0px #73141d none;
	border-right:0px #73141d none;
}

.loginbutton{

	height:22px;
	width:28px;
	
	font-size:10px;
	color:#CCCCCC;
	
	border:1px #73141d 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:#ffffff;
	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;
}





/* 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 {
	/* above menu padding */
	height:10px;
	width:100%;
}
#leftmenubar {
	position:relative;
	float:left;
	padding-top:11px;
	width:183px;
	z-index:11;
	
}
#mainarea {
	position:relative;
	float:left;
	
	width:745px;
	
	padding-right:20px;
	
	margin-left:5px;
	margin-bottom:20px;
	
	z-index:2;
	
}


/* PAGE CONTENT... */
#pagetitle {
	position:relative;
	top:-1px;
	
	font-size:18px;
	font-weight:bold;
	color:#e6e5e5;
	background-color:#2f2f2f;
	
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	
	width:auto;
	display:inline;
}

#pagetitlespacer {
	height:0px;
}




.maincopy1 {
	font-size:12px;
	color:#f7f7f7;
	
	
	background-color:#2f2f2f;	/* was 3d3d3d */
	padding:12px;
	padding-top:16px;
	padding-bottom:16px;
	
	margin-right:5px;
	margin-bottom:4px;
}
.maincopy1 p{
	/*
	margin-top:0px;
	padding-bottom:10px;
	*/
}
.maincopy1 li {
	position:relative;
	left:-26px;
	list-style-image:url(../images/bullet2.gif);
	
	text-decoration:none;
	border-bottom:none;
}





#welcome_mainarea {
	position:relative;
	left:5px;
	float:left;
	
	width:375px;
}
#welcome_image_wrapper {
	float:right;
	text-align:right;
	margin-right:22px;
	width:360px;
	
}
#whatido_image_wrapper {
	float:right;
	text-align:right;
	margin-right:22px;
	width:360px;
	
}

#welcome_image_pagetitle {
	
	position:relative;
	top:-4px;
	font-size:11px;
	font-weight:normal;
	color:#e6e5e5;
	background-color:#2f2f2f;
	
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	
	
	width:auto;
	overflow:hidden;
	display:inline;
}




.relatedlinks {
	width:728px;
	
	font-size:12px;
	color:#CCCCCC;
	
	margin-top:20px;
	background-color:#353535;
	padding-left:8px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.relatedlinks_halfsize {
	width:357px;
	
	font-size:10px;
	color:#CCCCCC;
	
	margin-top:20px;
	background-color:#353535;
	padding-left:8px;
	padding-right:5px;
	padding-top:4px;
	padding-bottom:4px;
}
.relatedlinks a{
	color:#CCCCCC;
}



/* FOOTER.... */
#footer{
	font-size:12px;
	color:#e6e5e5;
	
	height:22px;
	
	
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	
	font-size:9px;
	color:#8f8f8f;
	
	padding-top:4px;
	padding-left:10px;
	
	margin-bottom:20px;
}
.textcopyright{
	color:#626262;
}
.textformcopy{
	font-size:10px;
	color:#d0caca;
	padding:2px;
}
.textfooterlinks {
	margin-left:18px;
}


.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;
}


.topspacerdiv {
	height:33px;
	display:block;
	visibility:visible;
}





/* MENU SYSTEM.... */
#menusys_menu{	
	margin:0px;
	padding:0px;
	width:150px;	/* Width of menu */
	
	padding-top:4px;
	padding-left:20px;
}
#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: #2f2f2f;
}
.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:350px;
	vertical-align:top;
}
#showcasehomeright {
	float:right;
	width:340px;
	vertical-align:top;
	margin-right:12px;
}
#showcasespec {
	width:100%;
	padding:2px;
}
#showcaseselector {
	padding-left:20px;
	float:right;
}
#showcasecategory {
	
}
#showcaseskills {
	
}
#showcaseintropara {
	width:346px;
	margin-top:3px;
}

#showcase_slideshow_wrapper {
	text-align:right;
}
#slideshowtext {
	
	position:relative;
	top:-4px;
	font-size:11px;
	font-weight:normal;
	color:#e6e5e5;
	background-color:#222222;
	
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	
	
	width:auto;
	height:30px;
	overflow:hidden;
	display:inline;
}
#whatido_imagetext {
	position:relative;
	top:-4px;
	font-size:11px;
	font-weight:normal;
	color:#e6e5e5;
	background-color:#2f2f2f;
	
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	
	
	width:auto;
	height:30px;
	overflow:hidden;
	display:inline;
}


/* SHOWCASE PLUGIN ELEMENTS */
#showcaselink {
	float:right;
	padding-top:7px;
	padding-right:6px;
	
}
.showcasetitle {
	font-size:16px;
	font-weight:700;
	
	padding-bottom:1px;
}
.showcaseshortdesc {
	margin-top:15px;
	
	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;
	margin-top:3px;
	margin-right:1px;
}
#showcaseimage {
	border:#333333 1px solid;
}
#showcaseimage:hover{
	border:#999999 1px solid;
}
.optgroup {
	font-style:normal;
	background-color:#EBEBEB;
}
#showcaseselectform {
	padding-right:3px;
}
.showcaselistinfo {
	padding-bottom:2px;
	line-height:14px;
}
.showcaseintrolistinfo {
	position:relative;
	top:-4px;
}


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

.ErrorDiv {
	color:#F00;
	margin-top:20px;
}


/* news area */
#newstable {
	width:600px;	
}
#newstable th{
	padding:2px;
	padding-bottom:8px;
	
	text-align:left;
	font-weight:bold;
}
#newstable td{
	padding:2px;
	padding-bottom:15px;
	width:110px;
	height:30px;
}