/* 
================================
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; }
              
              


.header-bottom .signin,  
.header-bottom .signin:link,
.header-bottom .signin:hover,
.header-bottom .signin:visited,
.header-bottom .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*/	    
	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*/;}

input.button1
{
	background-color: #163875;
	border: 1px solid White;
	border-collapse: collapse;
	color: White;
	width: 0;
	overflow: visible;
		padding: 2px 10px 2px 10px;

}

input.button2
{
	background-color: #6AA600;
	border: 1px solid White;
	border-collapse: collapse;
	color: White;
	width: 0;
	overflow: visible;
	padding: 2px 10px 2px 10px;
}

input.button1[class]
{
	width: auto;
}

input.button2[class]
{
	width: auto;
}


/*** SUPERFISH STYLES ***/
#navigation-site { float: left; width: 778px; margin: 6px 0 0 18px; }
	#navigation-site span { float: left; margin: 0 0px 0 0; color: #ffffff; display: block; width: 100%;}
		#navigation-site span a,
		#navigation-site span a:link,
		#navigation-site span a:hover,
		#navigation-site span a:focus,
		#navigation-site span a:visited,
		#navigation-site span a.active {  text-decoration: none; }


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:		99;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		99;
}
.sf-menu a {
	display:		block;
	position:		relative;
	z-index:		99;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			18px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;*/
	/*border-top:		1px solid #CFDEFF;*/
	padding: 		0;
	text-decoration:none;
	display: block;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}

.sf-menu ul 
{

}

.sf-menu li {
	background:		#000000;
	text-transform: uppercase;
	vertical-align: top;
}

.sf-menu li span a,
.sf-menu li span a:link,
.sf-menu li span a:hover,
.sf-menu li span a:focus,
.sf-menu li span a:visited,
.sf-menu li span a.active
{
	padding: 0 10px 0 3px;
	color: White;
}

.sf-menu li ul 
{
	border: solid 1px rgb(153,153,153);
}

.sf-menu li li 
{
	background:	#CCCCCC;
	text-transform: none;
	color: red;
}

.sf-menu li li span
{
}

.sf-menu li li span a,
.sf-menu li li span a:link,
.sf-menu li li span a:visited,
.sf-menu li li span a:focus,
.sf-menu li li span a.active
{
	padding: 3px 10px 3px 10px;
	color: #545454;
}

.sf-menu li li span a:hover
{
	color: #FFFFFF;
}


.sf-menu li li li {
	/*background:		#9AAEDB;*/
}

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li.sfHover > span
{
	background-color: #2A7F3A;
	outline: 0;
	color: #ffffff;
}

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li.sfHover > span > a
{
	outline: 0;
	color: #ffffff;
}


/*** arrows **/


.arrow1
{
	background: transparent url(/dnnnavision/images/menu_down.gif) no-repeat right center;
}

.arrow2
{
	background: transparent url(/dnnnavision/images/breadcrumb.gif) no-repeat right center;
}