/* formatting for the affiliate signup form, other forms and table-like areas of some pages */


.formHead 
{
	background-color: #03C;
	border-style: solid;
	border-width: 1px;
	border-color: #003;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	padding: 5px;
	margin-top: 4px;
}

.formHeadWarning 
{
	background-color: red;
	border-style: solid;
	border-width: 1px;
	border-color: #003;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	padding: 5px;
	margin-top: 4px;
}

.formSubhead {
	background-color:#DDE3FF;
	margin:5px 0px;
	padding:5px;
}

.formRow 
{
	/*width: 544px; */
	height: 32px;
	margin-top: 1px;
}
	
.midGrey 
{
	background-color: #EEE;
}

.darkGrey
{
	background-color: #E7E7E7;
}

span.formRadioButton 
{
	width:40%;
	text-align:right;
	display:block;
	float:left;
	padding:0px 5px 0px 0px;	
}

span.formRadioButtonGalleries
{
	width:15%;
	text-align:right;
	display:block;
	float:left;
	padding:0px 5px 0px 0px;	
}

.textbox2 
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #03C;
	margin-top:2px;
}
		
#bigRow 
{
	background-color: #FFF3DD;
	width: 544px;
	height: 100px;
}

.submitButtomRow	
{
	text-align:center;
	padding: 25px 0px 5px;
}

.formLabel
{
	font-weight:bold;
	width:30%;
	text-align:right;
	display:block;
	float:left;
	padding:5px 5px 0px 0px;
}

.formLabelValue 
{
	display:block;
	float:left;
	padding:5px 0px 0px 5px;
}

.formRadioLabel
{
	font-weight:bold;
	padding:5px 5px 0px 0px;
}

.formRadioLabelGalleries1
{
	padding-left:50px;
	font-weight:bold;
	font-size:14px;
	color:black;
}

.formRadioLabelGalleries2
{
	padding-left:55px;
	font-size:12px;
	color:black;
}

label.regFormTax
{
	font-weight:bold;
	width:70px;
	text-align: right;
	display:block;
	float: left;
	padding:5px 5px 0px 0px;
}

/* !!these place the "tables" on the content pages. it is set up for a 2 coulmn, equal sized layout!!	*/
.insetLeft 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 268px;
}
	
.insetRight 
{
	position: absolute;
	top: 0px;
	left: 270px;
	width: 268px;
}

/* !!these place the "tables" on the content pages. This one is set up for a 3 coulmn, equal sized layout!! */
.insetLeft2 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 178px;
}
	
.insetMid2 
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 178px;
}
	
.insetRight2 
{
	position: absolute;
	top: 0px;
	left: 360px;
	width: 178px;
}
	
/* !!these place the "tables" on the content pages. This one is set up for a 3 coulmn, NONequal sized layout!! */
.insetLeft3 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
}
	
.insetMid3 
{
	position: absolute;
	top: 0px;
	left: 202px;
	width: 167px;
}
	
.insetRight3 
{
	position: absolute;
	top: 0px;
	left: 371px;
	width: 167px;
}
	
/* !!this places the "table" on the resources page. it is set up for a 2 coulmn, UNequal sized layout!! */
.insetLeft4 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
}
	
.insetRight4 
{
	position: absolute;
	top: 0px;
	left: 132px;
	width: 406px;
}

.insetRight5 
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 328px;
}

.table1 
{
	background-color: #FFF3DD;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}
	
.table2 
{
	background-color: #DDE3FF;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}
	
.table3 
{
	background-color: #DDE3FF;
	padding: 5px;
	margin-bottom: 2px;
	height: 84px;
}
	
.table4 
{
	background-color: #D5D5D5;
	margin-bottom: 2px;
	height: 1px;
}
	
.table5 
{
	background-color: #E7E7E7;
	margin-bottom: 2px;
	padding: 5px;
}
	
.table6 
{
	background-color: #EEE;
	margin-bottom: 2px;
	padding: 5px;
}
	
.table7 
{
	background-color: #009;
	color: #D5D5D5;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
}
	
.table8 
{
	background-color: #FFF3DD;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}

.linkingCode2 {
		background-color: #FFF;
		border-style: dashed;
		border-width: 1px;
		border-color: #CCC;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #C30;
		width: 514px;
		padding: 5px;
		overflow: auto;
		margin:3px;
}

table.consoleTable {
	width:100%;
}
.consoleTable td {
	background-color:#FFF3DD;
	color:#666;
	font-weight:bold;
	padding: 5px;
	margin-bottom: 2px;
}
.consoleTable td.left {
	background-color:#DDE3FF;
	font-weight:normal;
}

.fakeWhiteButton {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	font-weight: bold;
	text-align: center;
	height: 10px;
	padding: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin:2px;
	margin-top:6px;
}

.fakeGreyButton {
	background-color:##E7E7E7;
	width:132px;
	float:left;
	padding:3px 0px;
	border:2px white solid;
}

span.leftHalf
{
	display:block;
	float:left;
	width:50%;
}

span.rightHalf
{
	display:block;
	float:right;
	width:49%;
}

.selectBox {
	width: 220px;
	height: 80px;
	overflow: auto;
	padding:0px;
	margin:0px;
}
div.contentSelect 
{
	height:102px;
	margin-top:2px;
}

div.contentSelectL
{
	text-align:left;
	background-color:#DDE3FF;
	float:left;
	width:230px;
	height:100px;
	padding:4px 0px 0px 4px;	
}

div.contentSelectM
{
	text-align:center;
	background-color:#DDE3FF;
	float:left;
	width:60px;
	padding-top:20px;
	height:84px;
	text-align:center;
	
}

div.contentSelectR
{
	text-align:right;
	background-color:#DDE3FF;
	float:left;
	width:230px;
	height:100px;
	padding:4px 4px 0px 8px;
}	
.submit2 {
		font-size: 10px;
		font-weight: bold;
		color: #9CF;
		background-color: #03C;
		border-width: 1px;
		border-style: solid;
		border-color: #006;
		height: 24px;
	}
	
/* stats table formatting */ 
table#statsTable {
	width:540px;
}

table#statsTable td {
	text-align:right;
	padding-right:3px;
}

table#statsTable th {
	border:1px solid; 
	border-color: #D1D1D1 #393939 #393939 #D1D1D1; 
	text-align:right; 
	padding: 2px 3px 2px 0px;
	background-color:#E7E7E7;
	font-weight:normal;
}

table#statsTable tr:hover 
{
	background-color: #DDE3FF;
}

table#statsTable tr#totalsRow { 
	background-color: #E7E7E7; 

}

tr#totalsRow td{ 
	color:#0033CC;
	font-weight:bold;
	padding:3px 3px;
}
/* end stats table formatting */ 

table#promoList tr:hover 
{
	background-color: #DDE3FF;
}

table#editPromo
{
	width: 530px;
}


table#editPromo td
{
	padding: 5px;
	vertical-align:top;
}

/* invoice table formatting */ 
table#invoice {
	width:100%;
}


table#invoice th {
	border:1px solid; 
	border-color: #D1D1D1 #393939 #393939 #D1D1D1; 
	text-align:left; 
	padding: 2px 0px 2px 3px;
	background-color:#E7E7E7;
	font-weight:normal;
}

table#invoice td {
	text-align:left;
	padding-left:3px;
}


table#invoice tr 
{
	background-color:#EEEEEE;
}

table#invoice tr:hover 
{
	background-color: #DDE3FF;
}

/* end invoice table formatting */ 

/* table formatting for a table w/3 equal columns (studio list, contact page, etc) */
table.threeColumn 
{
	width:100%;
}

table.threeColumn td 
{
	text-align:left;
	width:33%;
	padding: 4px;
}
/* end 3 column table formatting */


/* table formatting for a table w/2 equal columns (contact page, etc) */
table.twoColumn 
{
	width:100%;
}

table.twoColumn td 
{
	text-align:left;
	width:50%;
	padding: 4px;
}
/* end 2 column table formatting */



/* resources list table formatting */
table#resourcesTable {
	width:100%;
}

table#resourcesTable tr 
{
	background-color: #E7E7E7;
}

table#resourcesTable td
{
	padding:4px;
	vertical-align:top;
}

table#resourcesTable td.resourceThumb
{
	width:100px;
}
/* end resources list table formatting */

.darkBlueHead
{
	background-color: #006; 
	color: #D5D5D5; 
	padding: 5px; 
	margin-bottom: 2px;
	text-align:center;
	font-weight:bold;
}


.paddedCell
{
	margin:2px;
	padding:4px;
}


#dvi 
{
	top: 24px;
	left: 39px;
	background-image: url(../images/dvi.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 105px;
	padding-top: 13px;
	margin:auto;
}