/* 
================================
Skin styles for DotNetNuke
================================
*/
/*
 IMPORTS
 */

@import url(order.css);
@import url(gamart.css);
@import url(forms.css);
@import url(infobox.css);
@import url(postcode.css);
@import url(breadcrumb.css);


/* NON-HEADER */
*{padding:0; margin:0;}
 body { background-color:rgb(240,240,240); font-family:arial} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:966px; margin:auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150);text-align:left;}
.main {clear:both; width:966px; padding-bottom:0px; padding-top:0px; background-color: #FFFFFF;}
.main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 20px 20px 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-contentR {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 20px 20px 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:966px; padding:1.0em 0 1.0em 0; background:rgb(204,204,204); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; text-align: center;}

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


/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:966px; font-family:arial;}
.header-top {width:946px; padding-left: 20px; height:110px; background: #FFFFFF; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {clear:both; width:966px; height:5px; background: #CCCCCC; border-bottom: solid 1px #FFFFFF;border-top: 1px solid #FFFFFF;}
.header-bottom {clear:both; width:938px; height: 24px; padding: 0px 20px 0px 8px; background: #000000; }


.header-top TD { padding: 0 0 0 0;}

/*******************/
/*  HEADER SECTION */
/*******************/
.sitelogo {position:relative; z-index:1; margin:0 0 0 0;}
.sitelogo img { border: 0px solid transparent;}
.sitename {position:absolute; z-index:1; bottom: 45px; left: 250px;}
.sitename h1 {color: White; font-style: italic;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125);}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.header-bottom .searchform { float:right; top: 0; right: 0; }
.header-bottom .searchform A.SkinObject { color: #000000;}


#notused { float:right; padding: 0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}

/*******************/
/* MENU BAR */
/*******************/
/*Drop-down menu*/
.nav2 {border:none; color:rgb(0,0,0); display: block; width: 938px;} /*Color navigation bar normal mode*/
.nav2 TBODY { width: 935px; }
              
              


.nav2 .signin,  
.nav2 .signin:link,
.nav2 .signin:hover,
.nav2 .signin:visited,
.nav2 .signin:active  
{ /*TD if menu option for using tables is on*/
	color: #FFFFFF; 
	background-color: Transparent;
	font-family:  Arial; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
	height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	text-align:right;
}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:926px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2-unit-left {float:left; width:720px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right;  width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2R-unit-left {float:left; width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2R-unit-right {float:right; width:720px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column3-unit-left   {text-align:left;float:left; width:196px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {text-align:left;float:left; width:500px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:10px;}
.column3-unit-right  {text-align:left;float:right; width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer span {line-height:1.3em; text-align:center; color:rgb(40,40,40); font-size:11px;}
.footer span.credits {font-weight:normal;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:960px; height:0px; border:none; background:rgb(210,210,210); color:rgb(210,210,210); display: none;}


/******************/
/*  MAIN SECTION  */
/******************/
 
/* MAIN CONTENT */
.main h1.pagetitle {margin:0 0 0 0; padding: 0 0 2px 6px; border-bottom:solid 7px rgb(190,190,190); font-family:arial; color:rgb(190,190,190); font-weight:bold;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img.left {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; }
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; }
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; }

.main a {color:rgb(70,122,167); text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(70,122,167); text-decoration:underline;}
.main a:visited {color:rgb(70,122,167);}

.main h1 { padding-bottom: 10px;}
.main h2 { padding-bottom: 20px;}
.main h3 { }


.main ul {  padding-left:20px; }
.main ul li { list-style-type: none; list-style-image: url(lidot.png); list-style-position: outside;} 

.main p { padding-bottom: 20px;}


.footer p { padding-bottom: 0px;}
/*
.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
*/

blockquote 
{
	font-family: Arial;
	margin: 10px auto;
	background: #F0F0F0 url(bgblockquote.gif) top left no-repeat; 
	padding: 0px 8px 8px 65px;
	border: 1px solid #d2d2d2;
}


/*
* REMOVE THE main.img class from the Normal Content Panes
*/

.Normal img { padding: 0; margin: 0; clear:both; float: none;}



/*
 * Calendar
 */
.MyCalendar .ajax__calendar_container 
{padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:Arial; background-color: White; border: 1px solid rgb(153,153,153);
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 

 }
.MyCalendar .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.MyCalendar .ajax__calendar_days, .MyCalendar .ajax__calendar_months, .MyCalendar .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.MyCalendar .ajax__calendar_container TABLE {font-size:11px;}
.MyCalendar .ajax__calendar_header {height:20px;width:100%;}
.MyCalendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.MyCalendar.arrow-left.gif")%>);}
.MyCalendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.MyCalendar.arrow-right.gif")%>);}
.MyCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.MyCalendar .ajax__calendar_footer {height:15px;}
.MyCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.MyCalendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.MyCalendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.MyCalendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.MyCalendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.MyCalendar .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.MyCalendar .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.MyCalendar .ajax__calendar_days TABLE ,
.MyCalendar .ajax__calendar_months TABLE, 
.MyCalendar .ajax__calendar_years TABLE
{
	
}

.MyCalendar .ajax__calendar_days TABLE TD,
.MyCalendar .ajax__calendar_months TABLE TD, 
.MyCalendar .ajax__calendar_years TABLE TD
{
	padding: 0px 2px 0px 0px;
}



/*
*/


/* Watermarked Textbox */
.watermarked {
	BORDER-RIGHT: #bebebe 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #bebebe 1px solid; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #bebebe 1px solid; 
	WIDTH: 150px; 
	COLOR: gray; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #bebebe 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #f0f8ff;
	font-size:12px;
}

.NotWatermarked {
	BORDER-RIGHT: #ECE9D8 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ECE9D8 1px solid; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ECE9D8 1px solid; 
	WIDTH: 150px; 
	COLOR: #404040; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #ECE9D8 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff;
	font-size:12px;
}



.formRadioButton input
{
	margin-right: 5px;	
}


/*********************Test*****************************/
.main-content-Test {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 20px 10px 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.button1
{
	background-color: #163875;
	border: 1px solid White;
	border-collapse: collapse;
	padding: 1px 1px 1px 1px;
	color: White;
}

.button2
{
	background-color: #6AA600;
	border: 1px solid White;
	border-collapse: collapse;
	padding: 1px 1px 1px 1px;
	color: White;

}