html, body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #f0efef;
	color: #0e1215;
	margin: 0px;
	padding: 0px;
}

h1 {
	text-align: center;
	margin-bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
a#vvh {
	display: block;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

h2 {
	background-color: #242f33;
	border-bottom: 1px solid #ffffff;
	height: 23px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0px 0px 6px 0px;
	line-height: 24px;
	padding: 0px 0px 0px 5px;
}
h3 {
	float: left;
	width: 80px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	margin-top: 4px;
}
h3.wide {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	margin-top: 4px;
}

input[type="text"] {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0e1215;
	border: 1px solid #abadb3;
	padding: 0px 2px 0px 2px;
}



#interface {
	width: 813px;
	background-color: #ffffff;
	margin: 0px;
	paddding: 0px;
	margin: auto;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat-y;
}


.group, .output {
	width: 789px;
	margin: auto;
	margin-bottom: 2px;
	background-repeat: repeat-x;
}

.cluster {
	float: left;
	width: 250px;
	margin: 3px 0px 0px 3px;
	padding: 5px;
}

/*------------------ interface-header ---------------------*/
#interface-header {
	background-color: #070a0a;
	color: #ffffff;
	padding: 5px 0px 5px 0px;
}

#interface-header a {
	color: #ffffff;
}

/*------------------ initial-setup ---------------------*/
#initial-setup {
	background-color: #e5eda4;
	background-image: url(../images/green-gradient.jpg);
}

#initial-setup .cluster {
	
	height: 130px;
}

#initial-setup div div {
	margin: 3px;
}

#initial-setup label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 3px;
}

#initial-setup input[type="checkbox"] { float: left; }

input[name="campaignName"] { width: 210px; margin-left: 2px; }
input[name="bidAmounts[broad]"] { width: 50px; margin-left: 15px; }
input[name="bidAmounts[exact]"] { width: 50px; margin-left: 15px; }
input[name="bidAmounts[phrase]"] { width: 50px; margin-left: 15px; }
input[name="bidAmounts[content]"] { width: 50px; margin-left: 35px; }





/*------------------ keyword-options ---------------------*/
#keyword-options {
	background-color: #a7d8ea;
	background-image: url(../images/blue-gradient.jpg);
}

#keyword-options .sub-group {
	margin-bottom: 15px;
}

#keyword-options textarea {
	width: 239px;
	height: 276px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 2px 0px 2px;
	margin-left: 1px;
	color: #0e1215;
	border: 1px solid #abadb3;
}



/*------------------ url-options ---------------------*/
#url-options {
	background-color: #e5eda4;
	background-image: url(../images/green-gradient.jpg);
}
#url-options .cluster {
	
	width: 776px;
}
#url-options input[type="text"] {
	width: 600px;
}





/*------------------ text-ads ---------------------*/
#text-ads {
	background-color: #a7d8ea;
	background-image: url(../images/blue-gradient.jpg);
}

#text-ads .cluster {
	width: 381px;
}

#text-ads .sub-group {
	margin-bottom: 15px;
}
#text-ads input {
	margin-top: 3px;
	width: 270px;
}
#text-ads label {
	float: left;
	display: block;
	width: 65px;
	margin-top: 3px;
}
#text-ads span {
	font-weight: bold;
}


/*------------------ build-campaigns ---------------------*/
#build-campaigns {
	background-color: #e5eda4;
	background-image: url(../images/green-gradient.jpg);
}

#build-campaigns .cluster {
	text-align: right;
	width: 776px;
}



/*------------------ output-box ---------------------*/
#adwords-kw {
	padding: 5px 0px 5px 0px;
	background-color: #a7d8ea;
	background-image: url(../images/blue-gradient.jpg);
}
#adwords-ad {
	padding: 5px 0px 5px 0px;
	background-color: #a7d8ea;
	background-image: url(../images/blue-gradient.jpg);
}

.output h2 {
	width: 98%;
	margin: auto;
}

.output textarea {
	width: 98%;
	height: 200px;
}