body {
	background-color: #09539A;
	background-image: url('bgWeb.jpg');
	background-repeat: repeat-x;
	
	font-family: trebuchet ms,Helvetica,sans-serif;
	font-size:	13px;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

img {border: none}

p {margin:0; padding: 0;}

h1 {
	font-size: 30px;
	line-height: 25px;
	text-align: left;	

}

table
{
	border-collapse: collapse; /* remove cell gaps */
}

.error 
{
	color: red;
	font-weight: bold;
}

.formError
{

}

.errorMsgField
{
	color: blue;

}


.header {
	text-align: left;
}

.footer {
	text-align: left;
}

.hide 
{
	display:none;

}

.show div
{
	display:block;
}

.show span
{
	display:inline;
}

.smallLink
{
	font-size:small;
	
}

.menuItems {
	text-align: left;
}

.mainContent
{
	width:1000px;
	margin: auto;
	text-align: center;
	background-color: #FFFFFF;
	min-height: 1000px;
	padding-left:15px;
	padding-top:15px;
	
	font-size: 16px;
	
}


.mainWrapper
{
	width: 100%;
}

.rightCol 
{
	float:right;
	width:300px;
	text-align: left;
	margin-right:15px;
}

.mainCol
{
	width: 630px;
	text-align: left;
}

.mainCol925
{
	width: 925px;
	text-align: left;
}

.divHeader
{
	background-color:#3173c1;
	color: white;
	padding: 5px 5px 5px 5px;
	font-size: 20px;
	font-weight: bold;
}

.sideItem
{
	border: 1px solid #3173c1;
}

.mainItem
{
	/* border: 1px solid #3173c1; */

}

.mainItemContent
{
	padding: 5px 5px 5px 5px;

}

.sideContent
{
	padding: 5px 5px 5px 5px;

}

.sideSpacer
{
	padding-top:25px;
}

.mainSpacer
{
	padding-top:25px;
}

/* admin */

.eventListings
{
	font-size: 12px;
}

.eventListings table
{
	width:850px;
	font-size: 12px;
	
	
}


.eventListings th
{
	text-align:left;
}

.eventListings td
{
	text-align:left;
	vertical-align:top;
	height: 50px;
}

.event-edit table
{
	width:850px;
	font-size: 12px;
	
}
.event-edit th
{
	padding:10px;
	text-align:left;
}

.event-edit tr
{
	vertical-align:middle;
}

.event-edit td
{
	padding:10px;
	/*width:225px;*/
	padding-bottom:25px;

}

.question-drag {
	width:50px;
}
.question-title {
	width:250px;
	
}

.question-required{
	width:75px;

}

.question-answer {
	width:350px;


}

.question-advance-options {

}

.option-table
{
	/* background-color:green; */
	/* width:200px; */

}
.option-table table
{
	 width:100%; 

}

.option-table td
{
/*	 width:100%; */
	padding:0;
	
}

.drag 
{
	background-color:green;
	width:10px;
}

.compactTable table
{
	width:850px;

}

.compactTable tbody
{
	font-size: 12px;
}

.compactTable td
{
	text-align:left;
	vertical-align:middle;
	height: 5px;
}


.regularTable table
{
	width:850px;
	
}

.regularTable tbody
{
	font-size: 15px;

}

.regularTable th
{
	vertical-align:top;

}
.regularTable td
{
	text-align:left;
	vertical-align:top;
	height: 5px;
	padding-bottom:15px;
	padding-top:15px;
	padding-right:10px;

}

.detailTable
{

}

.detailTable table
{
	width:850px;

}

.detailTable tbody
{

}

.detailTable td
{
	text-align:left;
	vertical-align:top;
	height: 5px;
	padding-bottom:15px;

}

.eventEdit {

}

.eventEdit table {
	width:850px;
}
.eventEdit tbody {

}


.highlight 
{
	background-color:#09539A;
	color:white;
}


/* fix long dropdown options */
/* http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm */

.ctrDropDown{
    width:300px;
    font-size:11px;
}
.ctrDropDownClick{
    font-size:11px;

    width:300px;

}
.plainDropDown{
    width:145px;
    font-size:11px;
}

@media screen and (max-width: 768px) {
 .mainContent { 
 	width: 100%;
	padding 15px 0 0 0;
 }
 .mainCol {
 	width: 100%;
 }
 .rightCol {
 	display: none;
 }
 body {
 	background-image: none;
 	background-color: white;
 }
}