﻿body {
	background-image:url(../App_Themes/English/images/dia.gif);
		font-family:Arial; 
}

p {
	margin:0;
}
.small
{
	font-size:11px;
}
p.small
{
	margin-bottom:12px;
}
.strong 
{
	font-weight:bold;
}
a, a:visited
{
	text-decoration:none;
	color:#0E6EB8;
}

h2
{
	font-size:18px;
}

img {
	border: 0;
}

.contentWrapper {
	margin: 0 auto;
	width: 786px;
	height:100%;
	
}
ol.easySteps li
{
	margin-top:20px;
}
.topBar {
	background-image:url(../App_Themes/English/images/tb.gif);
	background-repeat:no-repeat;
	height:77px;	
}

div.pageCopy
{
	margin: 12px 40px 12px 12px;
}
 
.caption
{
	font-size:.8em;
	color:#666666;
}
 

.content 
{
	clear:both;
	min-height:100px;
	background-color:#FFFFFF;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	padding-bottom:0px;
	height:100%;
}
#mainBody
{
	padding:0 30px 0 15px;
}
.leftSidebar {
	float:left;
	background-color:#FFFFFF;
	width:220px;
	font-size:13px;
	height:100%;
	display: inline;
}

.rightSidebar {
	float:right;
	background-color:#FFFFFF;
	width:220px;
	height:100%;
	font-size:13px;
	margin-top:-20px;
	display: inline;
}

.headerBar 
{	
	background-image:url(../App_Themes/English/images/topbar.gif);
	height:31px;
	color:#FFF;
	background-repeat:no-repeat;
	margin-left:10px;
	vertical-align:middle;
	padding:8px 0 0 20px;
}

.interiorTitle 
{
	
}

.logo {
	margin: 0 0 0 5px;
}

.smallLogo {
	margin: 0 0 0 0px;
	/*border:1px solid black;*/
}

.drawPanel  {
	width:202px; 
	background-image:url(../App_Themes/English/images/drawpnlbg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	margin:20px auto;
}

.drawPanel .inner
{
	padding:0; 

	background-repeat:no-repeat; 
	border:1px solid black;
}

.drawPanel .inner p
{
	color:#FFFFFF;
	margin:10px 10px 0 10px;
	font-size:12px;
	font-weight:bold;
}
.offerPanel {
	width:205px;
	margin: 3px auto 5px;
	border:1px solid white;
	color:#FFF;
	background-repeat:no-repeat;
}

.offerPanel ul 
{
	width:160px;
	list-style-position:outside;
	margin:60px 0 0 15px;
	list-style-image:url(../App_Themes/English/images/offerarrow.gif);
	padding:0 0 0 15px;
}

.offerPanel li
{
	
}
.centerOfferPanel{
	margin: 10px 0 0 0;
	padding:0;
	padding-top:95px;
	color:#FFF;
	font-size:14px;
	background-color:#028100;
	background-repeat:no-repeat;
	width: 330px; 
	background-image: url(../images/homepage_centerOfferBg.jpg);
}

.centerOfferPanel ul 
{
	color:#FFF;
	list-style-position:outside;
	margin:0 5px 10px 5px;
	padding:0;
	list-style-image:url(../App_Themes/English/images/offerarrow.gif);
}


.centerOfferPanel li 
{
	color:#FFF;
	margin: 8px 20px 0 20px;
}

.rightCol{
	float:right;
	width:560px;
	background-color:#FFFFFF;
	height:100%;
}

.leftCol{
	float:right;
	width:560px;
	background-color:#FFFFFF;
}
div.pageContent
{
	padding:0px 15px;		
	font-size:small;
}
.pageContent h2
{
	font-size:16px;
}
.pageContent p
{
	margin:auto;
}


/*menu list*/
.adminNavigation {
	margin: 25px auto 0 10px;
}


.adminNavigation ul 
{
	padding:0;
	margin:0;
	height:2em;
	list-style-type:none;
}

.adminNavigation ul li {
	float:left; 
	border-right:1px solid #FFF;
	position:relative;
	vertical-align:middle;
	text-align:center;
}

.adminNavigation ul a {
  	display:block;         /* for all browsers except IE */
  	padding:10px 13px 10px 13px;
  	color:#FFFFFF; 
  	background-image:url(../App_Themes/English/images/mbg.jpg) ;
  	background-repeat:repeat-x;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
  	text-decoration:none;
  }

.adminNavigation ul a:hover {
  color:#fff; 
  background:#08c;
  }
  
.adminNavigation #rtmenu a 
{

	background-color:#FFFFFF;
	background-image:url(../App_Themes/English/images/rtmenu.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
}

.adminNavigation #rtmenu a:hover {
	color:#fff; 
	background-image:url(../App_Themes/English/images/rtmenuh.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
  }

.navbar{
	background:url(../Images/mainnav_bar.jpg) no-repeat top left;
	height:34px;
	padding-left:10px;
	font-size:12px;
    font-weight:bold;
	line-height:34px;
}
div.navbar
{
	clear:both;
	margin-left:12px;
}
.navbar ul {
   margin:0;
   padding:0;
   list-style:none;
}
.navbar li {
  display:inline;
  margin:0;
  padding:0;
  }
.navbar a {
  float:left;
  background:url(../Images/mainnav_sep3.jpg) no-repeat top right;
  margin:0;
  padding-right:1px;
  text-decoration:none;
  }
.navbar a:link, .navbar a:visited {
	color: #FFF;
	text-decoration: none;
}
.navbar a:hover, .navbar a:active {
	color: #FFF;
	text-decoration: none;
	
}

 .navbar li a.last{
 	background:none;
 }
.navbar a span {
  background:url(../Images/mainnav_bg.jpg) repeat-x right top;
  float:left;
  display:block;      
  padding:0px 13px 0px 12px;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navbar a span {float:none;}
/* End IE5-Mac hack */


.navbar a:hover span {
  background-position:100% -34px;
  }

/***
.navigation ul {
	 list-style:none;
	 margin:0;
	 padding:0;
	 text-align: center;
}

.navigation ul li 
{
	display:inline; 
	text-align:center;
	padding:0;
	margin:0;
}

.navigation ul li a 
{
  	padding:10px 11px 10px 11px;
  	color:#FFF; 
  	background-image:url(images/mbg.jpg) ;
  	background-repeat:repeat-x;
	font-size:11px;
	border-right:1px solid #FFF;
	font-weight:bold;
	text-transform:uppercase;
  	text-decoration:none;
    white-space: nowrap;
    margin-right:-4px;
  }

.navigation ul a:hover {
  color:#fff; 
  background:#08c;
  }

#rtmenu a {
	background-color:#FFFFFF;
	background-image:url(images/rtmenu.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	border:none;
	
}

#lftmenu a{
	background-image:url(images/lftmenu.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	
}

#rtmenu a:hover {
	color:#fff; 
	background-image:url(images/rtmenuh.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
  }

#lftmenu a:hover {
  	color:#fff; 
  	background-image:url(images/lftmenuh.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
  }***/

/*** NAVIGATION TABLE ***/

/*** NAVIGATION TABLE ***/

table.navigation 
 {
	 margin:auto;
	 padding:0;
	 text-align: center;
	 width:760px; 
	 clear:both;
	 height:34px;
}
 

.navigation td 
{
	background-image:url(../App_Themes/English/images/mbg.jpg) ;
  	background-repeat:repeat-x;
	text-align:center;
	padding:0;
	margin:0;
	xborder-right:1px solid #FFF;
}

.navigation td:hover 
{
	background:#08c;
}

.navigation a
{
	margin:0;
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
  	text-decoration:none;
}


td#rtmenu {
	background-color:#FFFFFF;
	background-image:url(../App_Themes/English/images/rtmenu.gif);
	background-repeat:no-repeat;
	border:0;
	background-position:100% 0;
}
td#rtmenu:hover {
	background-image:url(../App_Themes/English/images/rtmenuh.gif);
	background-repeat:no-repeat;
	
  }

td#lftmenu{
	background-image:url(../App_Themes/English/images/lftmenu.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	
}



td#lftmenu:hover {
  	color:#fff; 
  	background-image:url(../App_Themes/English/images/lftmenuh.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
  }


/*********************/
.footerLinks
{
	clear:both;
	text-align:center;
	font-size: 11px;
	color: #666;
	margin-top:16px;
}
.footerLinks span.sep
{
	padding-left:3px;
	color:#333;
}
.footerLinks a
{
	color:#0E6EB8;
	font-size: 12px;
}

.footer {
	background-image:url(../App_Themes/English/images/pb.gif);
	background-repeat:no-repeat;
	height:26px;
	clear:both;
}
.copyright
{
	margin-top:6px;
}

.drawPanelDrawingText 
{

	margin: 10px 0 12px 15px;


}

.drawPanelDrawingResult 
{

	margin: 0 10px 12px 10px;
border-bottom:2px solid #3D3D3D;
	
	padding:0 0 7px 0;
}


.drawPanelImageDrawingResult
{
	color:#FFFFFF;
	margin: 12px 0 5px 20px;

	font-size: 12px;
	font-weight:bold;
}

.drawPanelImageDrawingResult img
{
	/*margin: 0 1px 0 1px ;*/
}

.recentDrawingsText
{
	color:#FF0103;
	margin: 20px 10px 0 10px;
	font-size: 12px;
	font-weight:bold;
	border-top:2px solid #3D3D3D;
}

.recentDrawingsText a
{
		color:#FF0103;
}

.drawingTime 
{
	font-weight:bold;
	font-size:12px;
	color:#AFAFAF;
	padding: 3px 5px 3px 5px;
	background-color:#404040;
	border:1px solid #646464;
}


/** Top links **/

.linkContainer 
{
	height:12px;
}

.loginLinkContainer 
{
	color:#FFFFFF; 
	font-size:11px;
	font-weight:bold; 
	background-image: url(../App_Themes/English/images/logbg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:right; 
	width:110px;
	margin:5px 10px 5px 0;
	padding:0 0 0 25px;
}

.loginLinkContainer a
{
	text-decoration:none;
	color:#FFFFFF;
}
.localizationContainer 
{
	color:#B3B3B3;
	float:right;
	font-size:11px;
	font-weight:bold;
	width: 200px;
	margin:5px 20px 5px 0;
	text-align: right;
}

.greetingContainer 
{
	color:#FFFFFF;
	float:left;
	font-size:10px;
	font-weight:bold;
	width: 300px;
	margin:3px 20px 5px 40px;
	text-align: left;
}

.localizationContainer a
{
	color:#B3B3B3;
}

/*login page*/

.loginTable 
{
	color:#1292B2;
	background-color:#FFFFFF;
	margin:20px 0 0 70px;
	border:1px solid #CCCC99;
	font-size:13px;
	font-weight:bold;
}

.loginTable a
{
	color:#1292B2;
}

.loginTable  td
{
	padding:5px 20px 5px 20px;
	text-align:left;
}

.loginTitle 
{
	color:#258DB0;
	font-weight:bold;
	text-align:center;
}

.textWBG 
{
	font-weight:bold;
	font-size:12px;
	margin:10px 0 0 60px;
}

.testimonials
{
	background-image: url(../App_Themes/English/images/tbg.jpg);
	background-repeat:no-repeat;
	background-position:right 20px;
	width:200px;
	margin:5px 0 0 20px;
}

.testimonials div 
{
	margin-top:20px;
	width:125px;
}

.testimonialBtn
{
	margin:10px 0 0 10px;
}

.testimonialLabel
{
	font-weight:bold;
	font-size:20px;
	margin:20px 0 0 10px;
}

.testimonialList ul
{
	width:50px;
}

.homeInfo
{
	vertical-align:top;
	padding: 0 12px 0 2px;
}

.leftCenter
{
	float:left;
	padding:0;
	
}
.rightCol div 
{

}

.rightCenter
{
	float:left;
	margin:8px 0 0 3px;
	font-size:12px;
	text-align:center;
	width:200px;	
}

.rightCenter img.hackerLogo 
{
	margin:40px 0 0 70px;
	
}

.legal
{
	font-size:10px;
	margin-right:40px;
}

.geotrustSeal
{
	margin-left:30px;
}

.testimonialPage
{
	font-size:12px;
}

.testimonialPage img
{
	margin:0 0 5px 0;
}

.testimonialPage div
{
	margin:10px 20px 0 10px;
	padding-left:20px;
	width:450px;
}

.testimonialPage h1
{
	margin:10px 0 20px 0;

}

.calendarHidden
{
    float:right; 
    margin: 0 100px 0 0;
}

.calendarVisible
{
	position:absolute;
	z-index:1;
    margin: 0 100px 0 0;
}

.textWBGCentered 
{
	font-weight:bold;
	font-size:12px;
	margin:80px auto 0 auto;
	text-align:center;
}

.resultsTable 
{
	clear:both;
	color:#1292B2;
	background-color:#FFFFFF;
	margin:20px 10px 0 20px;
	border:1px solid #CCCC99;
	font-size:13px;
	font-weight:bold;
}

.resultsTable td.fieldname, tr td
{
	text-align:left;
	vertical-align:top;
}

.totalPricePanel
{
	border:0;
	text-align: right;
	padding:5px;
	padding-right:50px;
}
.restrictedWidth
{
	color:#1292B2;
	background-color:#FFFFFF;
	margin:20px auto 5px auto;
	border:1px solid #CCCC99;
	font-size:13px;
	font-weight:bold;
	width:400px;
	text-align:center;
}

.wider 
{
	width:500px;
}

.divided td
{
	border:1px solid #000;	
	padding:5px;
}

.centered
{
	text-align:center;
	margin: auto;
}

.restrictedWidth td
{

}

.profileSectionTitle
{
	font-weight:bold;
	font-size:16px;
	margin:30px auto 0 auto;
	text-align:center;
}

.darkBlue
{
	color:#1A54FF;
}

.instructions
{
	color:#1A54FF;
	font-size:12px;
	margin:auto;
	font-weight:normal;
	text-align:center;
	padding:0 20px 0 20px;
}

.buttonCentered
{
	text-align:center;
	margin:0 0 0 50px;
	color:#B2B2B2;
	font-size:13px;
	font-weight:bold;
}

.profileButtons
{
	width:500px; 
	margin:auto;
}

.resultsTable th
{
	color:#000000;
}

.resultsTable td
{
	text-align:center;
	padding: 5px 20px 5px 20px;
}

.smallpadding td 
{
	padding-left:10px;
	padding-right:10px;
}

.drawings
{
	margin-left: 40px;
	width: 700px;
}
.drawingsControls
{
	float:right;
	margin:0 80px 0 0;
}


.dialogContent
{
	background-color:#FFF;
	color:#000;
	font-size:13px;
	font-weight:bold;
	padding: 10px 0 10px 0;
	margin:auto;
	width:500px;
}

.modalPanel
{
	background-color:#FFF;
	color:#000;
	font-size:13px;
	padding: 10px 0 10px 20px;
	margin:auto;
	width:500px;
}

.modalPanel div
{

	padding: 10px 0 0 0;

}

.modalPanelTitle
{
	font-weight:bold;
	padding-bottom:10px;
}

.edited
{
	background-color:#FF1111;
}

.numberPicker td
{
	padding:0;
}

/*** wizard style ***/
.cancelButton
{
	float:left;
}

.bottomButtonPanel
{
	float:right;
	margin:5px 55px 0 0 ;
}
.topButtonPanel
{
	font-size: 13px;
	color:#AFAFAF;
	float:right;
	margin:5px 55px 0 0;
}

/** calendar **/
.popupCalendar
{
	position:absolute;
	z-index: 1000;
	background-color:#FFF; 
	display:none; 
	width: 154px;
	border:1px solid black;
}

.errorMessage
{
	color:#F10;
	font-size:13px;
	text-align:center;
	margin-left:auto;
}

.numberInput
{
	/*border-color:#AFAFAF;*/
	border-width:thin;
}

.powerballInput
{
	margin-left:3px;
	margin-right:5px;
	border-color:#FF9292;
	border-width:thin;
	background-color:#FFF2F2;
}

.bottomBorder 
{
	border:none;
	border-bottom:1px solid #CCCC99;
	padding-bottom:20px;
}

.bottomBorder h4
{
	color:#1A54FF;
}

.error input[type="text"]
{
	border-color:#F10;
	background-color:#FFFF00;
}

/*information*/
.infoSectionTitle
{
	clear:both;
	font-weight:bold;
	text-align:center;
	margin: 0 0 0 30px;
	font-size:18px;
	color:#CC0000;
}

p.infoSection
{
	font-size:12px;
	margin:20px 20px 10px 30px;

}

/* number picker */
.pickerTitle
{
	clear:both;
	font-weight:bold;
	text-align:left;
	margin: 10px 0 0 10px;

	font-size:16px;
	color:#CC0000;
}

.selectorDiv 
{
	margin-bottom:20px;
}

.pickContainer 
{
	width:500px;
}

.pickContainer p
{
	text-align:left;
	margin: 5px 0 0 30px;
	font-size:12px;
}

.pickContainer label
{
	text-align:left;
	margin: 5px 0 0 40px;
	font-size:12px;
}

.pickContainer #ticketTable
{
	margin-top:10px;

}

.pickContainer #ticketTable input
{
	width:20px;

}

.pickContainer #ticketTable #headerRow
{
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.pickContainer #ticketTable label
{
	margin:0;
}


.pickAllPanel {
	background-color:#FFF; 
	border:1px solid #06c; 
	height:90px; 
	width:300px; 
	text-align:center;
	margin:20px auto; 
	margin-top:20px;
}

.pickAllPanel label
{
	margin:0;
	font-size:12px;
	color:#000
}
.pickAllPanel #label label
{
	color:#0066CC; 
	font-size:16px;
	font-weight:bold;
}

.errorCell
{
	background-color:#FFCC00;
}

.selectorDiv 
{
	margin-left:60px;
	width:400px;

}

.selectorDiv label
{
	margin:0;
}

.topmargin 
{
	margin-top:10px;
}

.bottomMargin
{
	margin-bottom:10px;
}
.tableCentered 
{
	margin-left:auto;
	margin-right:auto;
}

.faqTable
{
	margin: 20px 0 0 10px;
}

.faq
{
	font-weight:bold;
	padding: 10px 0 0 30px;
}

.faa
{
	padding-left: 30px;
	font-size:12px;
}

.ball
{
	margin-left:2px;
	float:left;
	width:20px;
	text-align:right;
}

.pb
{
	color:#F10;
}

.centerHeading
{
	text-align:center;
}

.leftHeading 
{
	text-align:left;
	margin-left:30px;
}

.registerTable 
{
	color:#000;
	border:1px solid #1292B2;
	vertical-align:top;
}

.registerTable select
{
	width:90%;
}
.registerTable td
{
	vertical-align:top;
	
}

.agreementButton
{
	margin-left:20px;
	text-decoration:underline;
}

.rules 
{
}

.rules p 
{
	font-weight:bold;	
	font-size:16px;
	margin:20px 0 0 20px;
}

.rules ul 
{
	list-style-image:url(../App_Themes/English/images/rarrow.jpg);
	list-style-position:outside;
	margin:0;
	padding:0;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:20px;
}

.rules li 
{
	margin-top:5px;	
}

.rules li a
{
	color:#F10;
	font-size:12px;
	text-decoration:underline;
}

.sidebarCounter
{
	margin-left:8px;
	height:63px;
	width:202px;
	background-image:url(../App_Themes/English/images/countbg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding: 8px 0 0 0;
}

.sidebarCounterTitle
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
}

.imageCounterPanel
{
	display:inline;
	height: 24px;
	padding-top:5px;
}

.imageCounterPanel img
{
	margin:4px 1px 0 1px;
}

table.scrollOverflow tr td
{
	width:100px;
	overflow: scroll;
}


.SSLSeal
{
	margin-left:4px;
float:left;	
}
.HackerGuardianSeal
{
	float:right;
	padding:4px 0 0 0px;
}
.TrustSeals
{
	margin-top:14px;
}

.powerballMenu
{
	color:#FFCC00;

	font-size:14px;
	background-color:#F00;
}

.centeredCell
{
	text-align:center;
}

.rightCell
{
	text-align:right;
}


.faq {
font-size: 0.8em;
padding: 0.5em;
}
faq.dl
{
	margin:0;
	padding:0;
}
.faq dt {
background-color: #CCC;
padding: 0.3em;
font-weight: bold;
}
.faq dd 
{
	font-weight:normal;
	padding: 0.5em 0.3em 1em;
	margin-left:14px;
}


/* Legal Styles, e.g. for Terms of Service */
.legal {
font-family:Arial, Helvetica, sans-serif;
font-size: small;
}
.legal h3 {margin-left:30px; text-align:center}
.legal h2{ font-size:medium;margin-bottom:6px}
.legal li{ margin-bottom:.5em}
.legal ol{ list-style:outside;list-style-type:decimal;}
.legal ol li ol {list-style-type:lower-alpha;}
.legal ol li ol li ol {list-style-type:lower-roman;}


.loginSectionPanel 
{
	width:400px;
	margin:40px auto;
	clear:both;
	font-size:12px;
}
.loginHeader 
{
	color:#F30;
	font-size:16px;
	font-weight:bold;
}

.loginControlPanel 
{
	padding:20px 0 20px 0;
}

.loginControlPanel div 
{
	text-align:right;
	margin:20px 100px 0 0;
}

.loginControlPanel input[type="submit"], input[type="image"] 
{
	margin-top:10px;
}
.printView {
	background:none;
}
.printView .fifthRow
{
	border-bottom:2px solid black; 
	background-color:#F0F0F0;
}

.printView td
{
	color:#000000;
}

.printView td input
{
	color:#000000;
}

.paginationPanel
{
	margin:10px auto;
	width:500px;
}

.paginationPanel div
{
	padding:10px;
	float:left;
	font-size:12px;
}
.paginationPanel div#numnav
{
	font-size:12px;
}


.paginationPanel div a
{
	color:Blue;
}



.outercheck{border:1px solid black;background:#FFCC00;width:600px; margin:20px auto ;}
.innercheck{border:1px solid black; padding:10px; font-size:10px; width:570px; margin:5px;}
.addressInfo{float:left;}
.checkInfo{float:right;}
.paytoOrderInfo{float:left; font-weight:bold; border-bottom:1px solid black;width:470px; font-size:14px;}
.totalInfo{float:right;font-size:14px;}
.routingInfo{float:left; font-weight:bold; font-size:12px}
.signature{float:right;border-bottom:1px solid black;}
.signature input{}
.addressInfo input{font-size:10px;}
.buttondiv{text-align:center; width:760px;}

.validation-advice{font-size:10px;color:Red; float:left; padding:5px;}
.addressInfo .validation-advice{float:none;}
.buttonCentered .validation-advice{font-size:10px;color:Red; margin:auto; padding:5px; float:none}

.eCheckTableContainer{border:1px solid #ACACAC; width:600px; margin:auto; padding:10px; margin-top:10px;}
.eCheckTableContainer table td{height:50px;vertical-align:top; padding:0;}
.eCheckTableContainer table th{height:50px; text-align:left;}
.eCheckTableContainer table tr{height:40px;}
.echeckTableRight, .echeckTableLeft{float:left;width:250px; font-size:12px;}
.echeckTableRight{}
.echeckTableLeft{margin-left:50px;}

.fundingInstructions{font-size:14px; color:Blue; width:500px; margin:20px auto;}