/*
	Imports
*/
@import "cmxform.css";

/* General Styles */
body
{
	margin:0px;
	background-color:white;
	font-family:helvetica,arial,sans-serif;
	font-size:1em;
	color:black;
}
a:link,a:visited
{
	color:#0AD508;
	padding:1px;
}

img{
	border:0px solid white;
}

/* Message Boxes */
.msg{
	background-color:white;
	text-align:center;
	font-size:1.6em;
	padding-top:10px;
	padding-bottom:10px;
	margin:20px 20px 20px 30px;
	line-height:1.5em;
}
	.error{
		background-color:#ff6666;
		border:3px solid #ff6666;	
	}
	.success{
		background-color:#7fff66;
		border:3px solid #66ff6d;
	}
	.validation{
		border:3px solid #FF9966;
		background-color:#FFFF66;
	
	}


/* Header */

#header h1{
	float:left;
	padding-left:20px;
}

#menu{
	text-align:right;
	padding-right:20px;
	padding-top:35px;
	font-size:25px;
}
#menu a:link,#menu a:visited{
	color:black;
}
#menu a:hover
{	
	color:#0AD508;
}

#container{
	margin-left:20px;
	margin-right:20px;
	clear:both;
}


/* Index page styles */

#feature-box{
	color:white;
	height:302px;
}

#feature-box-left{
	background:url('../images/feature_box_left.jpg') left no-repeat;
	width:560px;
	display:inline-block;
	height:302px;
	float:left;
}
div.dashboard#feature-box-left{
	background-image:url('../images/feature_box/dashboard.jpg');
}
div.dashboard#feature-box-left h2{
	line-height:35px;
}
#feature-box-left #content{
	position:relative;
	top:220px;
	left:20px;
}
#feature-box h2{
	margin:0px;
	font-size:35px;
	line-height:30px;
}
#feature-box-right{
	margin-left:560px;
	background:url('../images/feature_box_right.gif') #00ea11 right no-repeat;
	height:302px;
}
#feature-box-right #content{
	padding-top:10px;
	padding-right:10px;
}
#feature-box ol,#feature-box li{
	margin:0px;
	font-weight:bold;
	font-size:17px;
}
#feature-box li{
	border-bottom:1px solid white;
	padding-bottom:5px;
	margin-top:5px;
	background-color:#00ea11; /* This is a bit of a hack, makes it so people can see the text if the width is too small on their browser */
}
#feature-box li.last{
	border-bottom:0px;
}

/* Ad Creator/Preview */
table#ad-creator{
	width:920px;
	margin:0px auto;
}
table#ad-creator td{
	padding:10px;
}

#preview{
	width:450px;
	height:176px;
	background:url('../images/ad-preview-box.jpg') no-repeat;
	border:1px solid black;
	margin-right:10px;
	margin-bottom:10px;
}
.keyword{
	display:inline;
}
#preview.ad-mockup #A{
	width:230px;
	position:relative;
	left:93px;
	top:29px;
	float:none;
}





/*

	These styles are copied from external.css

*/
.ad-mockup{
	height:180px;
	float:left;
	margin-left:10px;
}
.ad-mockup #A{
	font-size:12px;
	text-align:center;
	background-color:white;
	font-family:verdana;
	color:#333;
}
.ad-mockup img{
	border:0px solid white;
}
.ad-mockup div#A.ASide{
	width:225px;
}
.ad-mockup div.A{
	border:1px solid #d3d3d3;
	padding:3px;
	text-align:justify;
	margin:3px;
}
.ad-mockup div.A h4{
	margin-top:0px;
	margin-bottom:0px;
	font-size:15px;
}
.ad-mockup div.A a,.ad-mockup div.A a:link,.ad-mockup div.A a:visited{
	padding:1px;
	color:#0AD508;	
}
.ad-mockup .l1{
}
.ad-mockup .l2{
}
.ad-mockup div.url{
	font-size:15px;
}
.ad-mockup span.delete{
	float:right;
	color:red;
	padding:2px;
	margin-right:4px;
}




#footer{
	background-color:black;
	padding:20px;
	margin-top:30px;
}
#footer #copyright{
	color:white;
}
#footer #right{
	float:right;
	color:#999;
}