@charset "utf-8";
/* CSS Document */
/******************************************************************************
CSS Reset
*******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td
{
    background:   			 				 		transparent;
    border:   			 				 			0;
    margin:   			 				 			0;
    outline:   			 				 			0;
    padding:   			 				 			0;
}

table
{
    border-spacing: 								0;
}

/******************************************************************************
General Classes
*******************************************************************************/
.left
{
    float:   			 				 			 left;
}

.right
{
    float:   			 				 			 right;
}

.half
{
    width:											49%;
}

.clear_both
{
    clear:   			 				 			 both;
}

.text_center
{
	text-align:   			 				 		center;
}


.w2
{
    width:   			 				 			 20px;
}

.red
{
    color:   			 				 			 #FF0000;
}

input[readonly]{
	background-color:   			 				 #F0F0F0;
	color:   			 				 			 #000000;
}

/******************************************************************************
Layout Divs
*******************************************************************************/

#outer_wrapper
{
    width:   			 				 			96%;
    min-width:   			 				 		900px;
    max-width:   			 				 		1152px;
    position:   			 				 		relative;
    margin-right:   			 				 	auto;
    margin-bottom:   			 				 	0;
    margin-left:   			 				 		auto;
    background-color:   			 				#FFF;
    border-right:   			 				 	2px solid #666666;
    border-left:   			 				 		2px solid #666666;
}

#header{
    height:   			 				 			181px;
    padding:   			 				 			5px;
    background:   			 				 		url(../img/header_bg.jpg) no-repeat;
}

#menu
{
    height:   			 				 			20px;
    padding:   			 				 			18px 25px;
    background:   			 				 		url(../img/menu_bg.gif) repeat-x;
    color:   			 				 			#FFFFFF;
}

#menu .signInDetails{
	float:right;
}

#menu .signInDetails a{
	font-size:1em;
	padding:0;
}

#menu .viewUser{
	color:											#ACC1A9;
}

#middle
{
    background:   			 				 		url(../img/middle_bg.jpg) no-repeat #fff;
    padding-top:   			 				 		25px;
    margin-bottom:   			 				 	10px;
}

#advertising
{
    width: 330px;
    float: right;
    margin-right: 10px;
}

#main_content
{
    padding: 10px;
    margin: 0 0 15px 20px;
    min-height:550px;
    border: 2px solid #666666;
    margin-right:340px;
}

#footer
{
    clear:both;
    height:34px;
    background:url(../img/footer_bg.gif) repeat-x;
    color:#FFFFFF;
    padding: 22px 25px 0 25px;
}

/******************************************************************************
Styles
*******************************************************************************/

body
{
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    color:#5b5c5e;
}

h1
{
    margin:8px 0;
}

h2
{
    margin:8px 0;
}

a, .ui-widget-content a
{
    text-decoration:		none;
	color:					#669966;
}

a:hover
{
    text-decoration:underline;
}

#header img.p2plogo
{
    margin:25px;
    float:left;
}

#header{
	text-align:left;
}

#header img.p2pheader
{
    margin:25px 52px 25px 25px;
}

@media (max-width: 910px) {
		
	#header img.p2pheader
	{
	    margin:25px 25px 0 25px;
	}

}

@media (max-width: 700px) {
		
	#header img.p2pheader
	{
	    margin:25px 25px 0 25px;
	}

}

#menu a
{
    color:#FFFFFF;
	font-size:1.3em;
    padding:3px 25px 3px 5px;
}

#footer a
{
    color:#FFFFFF;
    padding:3px 25px 3px 5px;
}

#footer h5
{
    color:#FFFFFF;
}

#advertising .ad
{
    border: 2px solid #666666;
    margin: 0 10px 10px 10px;
    width:300px;
}

#advertising .ad div
{
    padding: 10px;
}

#advertising .ad .ui-icon
{
    clear:both;
}


#advertising .ad a {
	clear:both;
	color:#5b5c5e;
	font-weight:bold;
    margin: 1px 10px 0px 10px;
	display:inline-block;
	*display:inline;
}

#advertising .ad h4 {
	font-size:1em;
}

#advertising .ad div#unpaidBatches {
	margin:							0;
	padding:						0;
	display:						none;
}

#advertising .ad div#unpaidBatches a {
	color:							red;
}

#batch_details,#server_time
{
    margin: 0 0 0 25px;
}

.msgContainerPlaceHolder
{
	min-height:28px;
}


#errorContainer, .msgContainer
{
    margin: 0 0 5px 0;
    overflow:auto;
    padding:0.2em;
}

#errorContainer .ui-icon.ui-icon-info,
.msgContainer .ui-icon.ui-icon-info
{
    float: left;
    margin: 0 .3em 0 0;
}

#accordion .ui-icon.ui-icon-info 
{
	background-image: url(../img/information_icon.png) !important;
	background-position:0 !important;
	width:20px;
	height:20px;
}

#loginErrorMessage,.msgContainer .msgText
{
    float:left;
}

.loadingScreen
{
	width:   			 				 			100%;
	text-align:   			 				 		center;
}

.loadingScreen .loadingImage
{
	background:   			 				 		url(../img/loader32.gif) center;
	height:   			 				 			32px;
	text-align:   			 				 		center;
	width:   			 				 			32px;
	display:   			 				 			inline-block;
	*display:   			 				 		inline;
}

form#loginform mainDetails
{
    margin: 0 0 0 10px;
}

form#loginform label
{
    display:block;
}

.headingTip
{
	color:											#7A7B7D;
	font-size:										0.9em;
	margin-bottom: 									0.8em;
}

.ui-accordion-header.ui-state-focus a {
	color:											#eeeeee;
}

div.batchLineInfo table{
	width:											100%;
}

div.batchLineInfo td.b {
	font-weight:									bold;
	width:											135px;

}

/******************************************************************************
Forms
******************************************************************************/

.frmGeneral .buttons
{
	margin-top: 									1em;
	text-align:										center;
}

.frmGeneral label
{
	display:   			 				 			inline-block;
	padding:   			 				 			0.4em;
	width:   			 				 			115px;
	zoom:   			 				 			1;
	*display:   			 				 		inline;
}

.frmGeneral.widelabel label{
	width:   			 				 			130px;
	vertical-align:									top;
}

.frmGeneral .labeltip{
	font-size: 										9px;
	font-style: 									italic;
}


.frmGeneral ul
{
	list-style-type:								none;
}

.frmGeneral ul li
{
	margin: 										0 0 0.5em 0;
}

.frmGeneral.blocklabels label
{
	display:   			 				 			block;
	*display:   			 				 		block;
}

.frmGeneral .termsAndConditions label{
	display:										inline;
	width:   			 				 			100%;
}


.add_button {
	width:85px;
	height:20px;
	padding:0;
	margin:2px 10px ;
}
.add_button .ui-button-text {
	padding:0;	
	font-size:0.9em;
}

input:focus,textarea:focus
{
	border:											2px solid #81AB81;
}

#entriesSectionDetail {
	height:											365px;
}

#frmEntries select {
	width:											500px;
}


#frmEntries input.text, #frmEntries select.country  {
	width:											250px;
}

#frmEntries .passesTo {
	width:											15px;
	margin-right:									5px;
}

#frmEntries textarea {
	width:											275px;
	height:											220px;

}

#tblEntries td, #tblEntries th {
	padding: 2px;
}

#tblEntries .text_right {
	text-align:										right;
}

#tblEntries .text_left {
	text-align:										left;
}

#loginform label, #loginform input
{
	display:										block;
	margin-top: 									0.6em;
}

#loginform button
{
	margin-top:										1em;
}

.forgotPassword
{
	margin: 										2em auto 0;
	width: 											400px;
}

.forgotPassword label
{
	width:											100px;
}

.forgotPassword input
{
	margin:											1em 0 1em;
	width:											210px;
}

#tempLoading {
	height:											325px;
	display:										none;
}


/******************************************************************************
Tables
******************************************************************************/

.tblGen
{
	border-spacing: 								0;
	border-top: 									1px solid #DDDDDD;
	clear: 											both;
	width: 											100%;
	border-collapse:								collapse;
}

.tblGen th, .tblGen td
{
	background: 									#FFF;
	color: 											#333333;
	padding: 										5px 0 5px 5px;
	border-top: 									1px solid #DDDDDD;
	height: 										35px;
}

.tblGen th
{
	background: 									#F5F5F5;
	border: 										1px solid #FFF;
	border-left: 									0;
	border-right: 									0;
	border-bottom: 									0;
	color: 											#000000;
	font-size: 										1em;
	vertical-align: 								middle;
}

.tblGen td
{
	font-size: 										0.9em;
	vertical-align:									middle;
}

.tblGen tr.jqgrow td
{
	padding:  										0.3em;
}

.tblGen tr.odd td, .ui-jqgrid tr.oddRow td
{
	background: 									#EEEEEE;
}


.ui-jqgrid tr.ui-state-hover td
{
	background-color: 								#679a67;
	color: 											#FFFFFF;
	cursor:											pointer;
}

 .ui-jqgrid tr.oddRow td.option,  .ui-jqgrid td.option
{
	width:					18px;
	cursor:					pointer;
} 

.ui-jqgrid tr.oddRow td.remove,  .ui-jqgrid td.remove
{

	
	background-image:				url(../img/icon_remove.gif);
	background-position:			center;
	background-repeat:				no-repeat;
	text-indent: 10000px;
}

.ui-jqgrid tr.footrow td.remove {
	background-image:				none;
}

td.option{
	cursor:							pointer;
	width:							18px;
} 

td.inspect{
	background:						url(../img/icon_inspect.png) no-repeat center;
	width:							26px;
}

td.edit{
	background:						url(../img/icon_edit.gif) no-repeat center;
	width:							16px;
}