/* ----------------------------- GENERAL --------------------------*/

body{
	margin-top: 2px;
	color: white;
	font-size: 10pt;
	font-family: sans-serif;
	background-color: black;
	}

textarea{
	font-family: sans-serif;
	font-size: 10pt;
	padding: 2px;
	}

img{
	border: 0px;
	}

form{
	padding: 0px;
	margin: 0px;	
	}
h1 {
	color: #009DFF;
	font-family: sans-serif;
	font-size: 20pt;
	margin: 3px;
	}	
	
h2 {
	color: white;
	font-family: sans-serif;
	font-size: 18pt;
	}
	
h3 {
	color: white;
	margin: 3px;
	font-family: sans-serif;
	font-size: 14pt;
	}
	
h4 {
	color: white;
	margin: 4px;
	font-family: sans-serif;
	font-size: 14pt;
	}

ul {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

li {	
	
	margin-bottom: 2px;
	color: white;
	}
	
.button{
	cursor: pointer;
	margin: 5px;
	margin-left: 2px;
	margin-right: 2px;	
	height: 20px;
	display: inline;
	color: white;
	padding: 0px;
	font-weight: 9pt;
	background: url('images/bluegradient.jpg');
	border: 1px solid white;
}

.button2{
	cursor: pointer;
	display: inline;
	color: white;
	padding: 0px;
	font-weight: 9pt;
	background: url('images/bluegradient.jpg');
	border: 1px solid white;
}


hr{
	height: 1px;
	border: 0px;
	border-bottom: 1px solid #666666;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0px;
	}
	
p{
	margin: 5px;
	
	}
	
a{
	color: #F4D173;
	text-decoration: none;
	}

a:hover {
	color: #486FBE;
	text-decoration: underline;
	}

/* ----------------------------- HEADER --------------------------*/	
	
	
#masterbox{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border: 1px solid white;
	height: 100%;
}


/* ----------------------------- RIGHT BAR --------------------------*/


.buttonbar{
	width: 150px;
	margin: 7px;
	}

#loginarea {
	width: 180px;
	border: 2px solid white;
	border-right: 0px;	
	background-color: black;
	font-size: 10pt;
	text-align: left;
	}

.loginsection{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	}

.loginsection a {
	color: white;
	text-decoration: none;
	font-size: 8pt;
	}

.loginsection a:hover {
	color: grey;
	}

.logintext{
	background-color: #1E2C39;
	border: 1px solid white;
	color: gray;
	padding: 2px;
	}


/* ----------------------------- CENTER --------------------------*/


#leftbar{
	float: left;
	height: 100%;
	width: 243px;
	display: block;
	}

#content{
	float: left;
	width: 375px;
	margin: 7px;
	}

#largecontent {
	float: left;
	width: 615px;
	margin-left: 5px;
	text-decoration: none;
}

#largecontent a{
	color: #F4D173;
	text-decoration: none;
	}

#largecontent a:hover {
	color: #486FBE;
	text-decoration: none;
	}
	
#sublinks {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 2px;
	color: grey;
	border-bottom: 2px solid #DD9203;
	}
	
#sublinks a {
	color: white;
	text-decoration: none;
	margin-right: 7px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
	}
	
#sublinks a:hover {
	background-color: #DD9203;
	text-decoration: none;
	color: black;
	}

.current{
	color: black;
	background-color: #DD9203;
	border-bottom: 0px;
	padding: 2px;
	}

.columnhead {
	background-color: grey;
	border-bottom: 1px solid white;
	text-align: center;
	color: white;
	font-family: sans-serif;
	font-size: 14pt;
	}

#middleimage {
	margin-left: 580;
	margin-top: 30px;
	margin-bottom: 30px;
}
.sectionimg{
	float: left;
	margin-right: 15px;
	background-color: black;
}
.section {
	width: 625px;
	float: left;
	border-bottom: 1px solid white;
	margin-top: 3px;
	border-right: 1px solid white;
	border-top: 1px solid white;
}

.section a{
	color: #F4D173;
	text-decoration: none;
}

.section a:hover{
	color: white;
	text-decoration: underline;
}

.section ul {
	margin-left: 10px;
}

.section li {
	margin-left: 10px;	
	
	}

.section p {
	margin: 7px;
	}

/* ----------------------------- RIGHT --------------------------*/

#rightcolumn {
	float: right;
	width: 165px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	margin-bottom: 10px;
	}

#rightcolumn a{
	color: #F4D173;
	text-decoration: none;
	}
	
#rightcolumn a:hover {
	color: #486FBE;
	}

#industrynews {
	width: 200px;
	background-color: #1E2C39;
	border: 2px solid white;
	border-left: 0px;
	font-size: 10pt;
	margin-top: 2px;
	}

.rssblock{
	margin: 5px;
	}	
	
.rssheadline{
	font-size: 8pt;
	margin-bottom: 3px;
	}

.rssheadline a{
	color: gray;
	}

.rssheadline a:hover{
	color: white;
	text-decoration: none;
	}
	
.divider {
	background: url('images/br2.gif') repeat-x;
	width: 165px; 
	height: 5px;
	}

/*---- FOR THE DROP DOWN MENUS ---------------*/

#wrapper{
	border-bottom: 2px solid #DD9203;
	}

.topmenu{
	font-size: 14px;
	display: inline;
	position: relative;
	left: 20px;
	top: 0px;
	cursor: pointer;
	z-index: 0;
	padding-left: 2px;
	}

.menu{
	position: absolute;
	visibility: hidden;	
	top: 0px;
	left: 0px;
	z-index: -1;
	cursor: pointer;
	color: white;
	width: 150px;
	}

.item{
	font-family: sans-serif;
	border-bottom: 1px solid white;
	font-weight: bold;
	cursor: pointer;
	display: block;
	font-size: 12px;
	color: #333333;
	padding: 2px;
	background-color: #F4D173;
	}

.dummy{
	font-family: sans-serif;
	font-weight: bold;
	cursor: pointer;
	display: block;
	font-size: 12px;
	color: white;
	padding: 2px;
	}

/*---- END DROP DOWN MENU ---------------*/

#topmenu{
	border-bottom: 1px solid white;
	padding: 2px;
	padding-left: 5px;	
	font-weight: bold;
	}

#topmenu a{
	color: #F4D173;
	text-decoration: none;
	}
	
#topmenu a:hover {
	color: #486FBE;
	text-decoration: underline;
	}

.sample{
	display: inline;
	float: left;
	color: white;
	width: 386px;
	margin-bottom: 3px;
	margin-right: 3px;	
	border-bottom: 3px ridge gray;	
	border-right: 3px ridge #8AABDF;	
	background-color: #9EBEF3;
	}

.samplename{
	height: 17px;
	text-align: center;
	background: url('images/bluegradient.jpg') repeat-x;
	border-bottom: 1px solid #00123B;
	border-right: 1px solid #00123B;	
	color: white;
	font-weight: bold;
	padding-top: 2px;
	}

.sampleinfo1{
	float: left;
	width: 243px;	
	height: 15px;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #00123B;
	border-right: 1px solid #00123B;	
	background-color: #8AABDF;
	color: black;
	padding: 2px;
	padding-left: 5px;	
	font-weight: bold;
	}

.samplepic{
	height: 97px;
	float: left;
	display: inline;
	padding: 2px;
	width: 130px;
	background-color: #8AABDF;
	border-right: 1px solid #0F4170;
	border-bottom: 1px solid #0F4170;	
	text-align: center;
	}

.sample img{
	margin: 2px;
	}

.sampleinfo2{
	float: left;
	width: 250px;
	height: 81px;
	text-align: left;
	font-size: 12px;
	color: #222222;
	border-bottom: 1px solid #0F4170;
	border-right: 1px solid #0F4170;
	}

.specialties{
	float: left;
	margin: 5px;
}

.viewsample{
	height: 100%;
	width: 60px;
	float: right;
	cursor: pointer;
	border-left: 1px	solid #0F4170;
	background-color: #8AABDF;
	color: white;
	font-weight: bold;	
	font-size: 8pt;
	text-align: center;
}
	
/* ---- Design picker in editor? ---------*/


.designs td{
	padding-bottom: 20px;
	}

.designs img{
	border: 1px solid gray;
	}
	
#resume{
	position: relative;
	right: 0px;
	width: 148px;
	margin-top: 3px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;	
	text-align: center;
	background-color: #608BB2;
	}

#resume img{
	border: 5px	solid #082E46;
	border-top: 15px	solid #082E46;
	border-bottom: 15px	solid #082E46;		
	cursor: pointer;
	}

	
/****************Begin MY VP HOME**********************************/


.messagebox{
	background-color: #222222;
	margin-bottom: 10px;
	border: 1px solid #F0AE00;
	padding: 10px;
	}

.menutable{
	background-color: #222222;
	width: 100%; 
	border-collapse: collapse;
	color: white;
	margin-bottom: 10px;
	}

.menutable a{
	text-align: center;
	color: #F4D173;
	font-size: 12px;
	text-decoration: underline;
	}

.menutable a:hover{
	color: #486FBE; 
	text-decoration: underline;
	}

.menutable td{
	border: 1px solid #F0AE00;
	padding: 3px;
	font-size: 12px;
	text-align: center;
	color: white;
	}

.menutable th{
	height: 20px;
	text-align: center;
	padding: 0px;
	border: 1px solid #8AABDF;	
	border-bottom: 0px;
	background: url('images/bluegradient.jpg') repeat-x #0B3571;
	font-size: 13px;
	color: white;
	}
	
	
/***********************home page stuff********************************/

.articletable{
	border: 1px solid #F0AE00;
	cell-spacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;	
	}

.articletable a{
	text-align: center;
	color: black;
	font-size: 12px;
	text-decoration: underline;
	}

.articletable a:hover{
	color: grey; 
	text-decoration: underline;
	}

.articletable td{
	background-color: black;
	padding: 3px;
	font-size: 12px;
	text-align: left;
	border-right: 1px solid #F0AE00;
	}

.articletable th{
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #F0AE00;
	background: url('images/orangetableheader.jpg') repeat-x;
	font-size: 16px;
	color: white;
	}

#homebuttonbox {
	width: 275px;
	height: 40px;
	}

#homebuttons {
	float: left;
	}



/*********************** BOTTOM ********************************/

#bottomlines {
	background: url('images/br4.gif') repeat-x;
	height: 10px;
	}

#copyright {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;	
	width: 100%;
	text-align: center;
	}
	
#copyright a {
	color: white;
	text-decoration: underline;
	}


/* FOR THE MANAGER PAGES */

.individual{
	height: 125px;
	background-color: #222222;
	border: 1px solid #F0AE00;
	margin-bottom: 10px;
	padding: 5px;
	}	

.individualbar{
	background-color: #444444;
	border: 1px solid #F0AE00;	
	border-bottom: 0px;
	}

.individual textarea{
	color: white;
	border: 0px;
	width: 365px;
	height: 107px;
	background-color: #988E7F;
	}

#pagelinkbox{
	float: right;
	margin-bottom: 10px;
	}

#pagelinkbox a{
	color: white;
	}

#pagelinkbox a:hover{
	color: #F0AE00;
	}

.ratingbar{
	display: inline;
	font-size: 9pt;
	}

.ratingbar td{
	cursor: pointer;
	border: 1px solid black;
	background: #6B6459;
	color: white;
	width: 20px;
	height: 20px;
	text-align: center;
	}

.ratingbar td:hover{
	border: 1px solid white;
	}
	
.pane{
	overflow: auto;
	float: right;
	width: 370px;
	height: 113px;
	background-color: #6B6459;
	border: 1px solid #DDDDDD;
	padding: 5px;
	}
	

/****************** AGENCY HOME ********************/


.datatable{
	background-color: #222222;
	width: 100%; 
	border-collapse: collapse;
	border-right: 1px solid #8AABDF;
	border-left: 1px solid #8AABDF;
	color: white;
	margin-bottom: 15px;
	}

.datatable a{
	text-align: center;
	color: white;
	font-size: 12px;
	text-decoration: none;
	}

.datatable a:hover{
	text-decoration: underline;
	}

.datatable td{
	border-bottom: 1px solid #8AABDF;
	padding: 3px;
	font-size: 12px;
	color: white;
	}

.th2{
	background: #0A3066;
	text-align: center;
	}

.datatable th{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;	
	background: url('images/largebluegradient.jpg') repeat-x #0B3571;
	font-size: 13px;
	color: white;
	}
/************ Registration Page ******************/


.registerbackground{
	background-image: url('images/nametag.jpg');
	background-repeat: no-repeat;
	background-color: black;
	border: 2px solid gray;
	height: 484px;
	margin: 5px;
	font-family: sans-serif;
	font-size: 10pt;
	color: white;
	}

#register{
	width: 60%;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;	
	background-color: black;
	padding: 10px;
	border: 1px solid #F1AE00;
	}