/* basic elements */
body {
    font-family: arial, sans-serif;
    color: #555753; 
    background: #ffffff; 
    margin: 0px; 
    background-repeat: repeat-x;
    padding: 0px;
}

#content {
    padding-top: 0px;
    padding-left: 0px;
    padding-right:10px;
    background: #ffffff;
    float: left;
}

#container {
    background: #ffffff;
    width: 100%;

    margin: 0 auto;
}

#pageHeader {
    width: 100%;
    background: url(../images/admin_header.jpg) no-repeat scroll;
    background-position:left;
    background-color: #b5b3c8;
    margin:0px;
    height: 75px;
    border-bottom: 1px solid silver;
    text-align: right;
}

#TopNavRight {
	width:100%;
	padding-top: 7px;
	color: #ffffff;
	font: 16px Tahoma, Arial, Helvetica;
}

#TopNavSmallText {
	color: #FFFFFF;
	font: 11px MS Sans Serif;
	padding-top: 3px;
}

#Buttonbar{
	height: 20px;
	border-bottom: 1px solid silver;
	float: left;
	width: 100%;
	background: url(none);
	}
#Buttonbar #but_left{
		width: 49%;
		float: left;
}

#Buttonbar #but_right{
		width: 50%;
		float: left;
		text-align: right;

}


.fpro_nav_block{
	width: 180px;
	padding-left: 0px;
	border-right: 2px solid silver;
}

.fpro_nav_title{
}

.fpro_nav_end{
	width: 180px;
	float: right;
}

.fpro_nav_start{
	height: 44px;
	background-color: #dbeaf6;
}
c1d5e6
.maincontent{
	padding-left: 20px;
	padding-top: 15px;
	}



a.flipsno:link, a.flipsno:visited {
	display: block;
	cursor: pointer; /* to force ie/win */
	width: 160px;
	height: 21px;
	font: 13px Tahoma, Arial, Helvetica;
	text-decoration: none;
	color: #6f716c;
	border-top: 1px dotted silver;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color: #dbeaf6;
	border-right: 2px solid silver;
	}

a.flipsno:hover{
	color: #6f716c;
	font: 13px Tahoma, Arial, Helvetica;
	background-color: #ffffff;
	border-top: 1px dotted silver;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-decoration: none;
	border-right: 2px white solid;
}

a.flipsno1:link, a.flipsno1:visited {
	display: block;
	cursor: pointer; /* to force ie/win */
	width: 150px;
	height: 15px;
	font: 13px Tahoma, Arial, Helvetica;
	text-decoration: none;
	color: #6f716c;
	border-top: 1px dotted silver;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
	background-color: #e5e5cf;
	border-right: 2px solid silver;
	}

a.flipsno1:hover{
	color: #6f716c;
	font: 13px Tahoma, Arial, Helvetica;
	background-color: #ffffff;
	border-top: 1px dotted silver;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 30px;
	text-decoration: none;
	border-right: 2px white solid;
}

a.flipsno2:link, a.flipsno2:visited {
	display: block;
	cursor: pointer; /* to force ie/win */
	width: 160px;
	height: 21px;
	font: 13px Tahoma, Arial, Helvetica;
	text-decoration: none;
	font-weight: bold;
	color: #6f716c;
	border-top: 1px dotted silver;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color: #ffffff;
	border-right: 2px white solid;
	}

a.flipsno2:hover{
	color: #6f716c;
	font: 13px Tahoma, Arial, Helvetica;
	background-color: #ffffff;
	border-top: 1px dotted silver;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-decoration: none;
	border-right: 2px white solid;
}

.PageTitleBar {
	height: 30px;
	color: #6f716c;
	font: 14px Tahoma, Arial, Helvetica;
	padding-left: 0px;
	border-bottom: 2px solid #b9b9b9;
}

.list_top {
	background-color: #7a7673;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #ffffff
	}


	/*Registration order table*/
#login {
	width: 460px;
	height:200px;
	border: 1px solid silver;
    border-collapse: collapse;
    font: 13px Tahoma, Arial, Helvetica;
    background: #e6f7d7;
    background: url(../images/login_bg2.jpg);
}

#login_spacer{
 	color: #ffd5e4;
	padding-left:70px;
	padding-top:20px;
	padding-bottom:40px;
	font: 20px Tahoma, Arial, Helvetica;
	text-decoration:underline;
	text-align: left;
}

#login_prompt{
	float: left;
	width: 180px;
	text-align: left;
	padding-left: 70px;
	font: 13px Tahoma, Arial, Helvetica;
	color: #ffffff;
	font-weight: bold;
}
#login_prompt2{
	float: left;
	padding-left: 0px;
	font: 13px Tahoma, Arial, Helvetica;	
	color: #ffffff;
	font-weight: bold;
}
#login_submit{
	width:340px;
	text-align: right;
}



#login_spacer2{
	height:42px;
}

#login_footer {
    border-top: 1px solid silver;
    text-align: center;
    font: 11px Tahoma, Arial, Helvetica;
    color: #000000;
    background-color: #ffffff;
    padding: 10px;

}



table.login td {
	text-align: left;
        background: #e6f7d7;
    font: 13px Tahoma, Arial, Helvetica;
  }

#V2.1 Order

.ordertable{
	width: 600px;
	border: 1px dotted silver;
	padding:10px;
}

.ordertable_td{
	border-bottom: 1px solid black;	
}

.od_panel{
	float: left;
	width: 350px;
}
	.od_name{
		float: left;
		font-weight: bold;
		width: 140px;
	}
	.od_value{
		width: 210px;
		font-family :Tahoma, Arial, helvetica, sans-serif; 
		font-size :12px; 
	}
.od_panel1{
	width: 250px;
}
	.od_name1{
		font-weight: bold;
		width: 250px;
	}
	.od_value1{
		width: 250px;
	}

.od_name2{
	font-weight: bold;
	width: 600px;
}
.od_value2{
	width: 600px;
}

.od_itempanel{
	width: 600px;
}


#od_rule{
	border-bottom: 1px solid black;
	margin-bottom: 7px;
	width:100%;	
}


td.print_order_title{
	font-size: large;
	font-weight: bold;
	width:400px;
}

table.order {
    margin-top: 10px;
    width: 600px;

}
td.orderline {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px dotted silver;
}


table.order th {
    padding-left: 3px;
    text-align: left;
}
table.order td.innerorder{
	border: 0px;
	padding-left: 0px;
}
td.orderheader {
	font-weight: bold;
	with: 100px;
	border-bottom: 1px solid silver;
}

tr.ordertop{
	font-weight: bold;
	font-size: 16px;
}

table.orderfooter {border-collapse: collapse; margin-top: 10px; width: 95%;
}
table.orderfooter td.summary {
	background: #c1e2a5;
	text-align: left;
    border: 1px solid silver;
    padding-left: 5px;
    font-weight: bold;
}
table.orderfooter td.totals {
	text-align: right;
    border: 1px solid silver;
    padding-left: 5px;
    padding-right: 10px;
    font-weight: bold;
}

table.order td.currency {
	text-align: right;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px black;
    padding-right: 10px;
}


a.list_a:link {color: #61685e; text-decoration: none;}
a.list_a:visited {color: #61685e;text-decoration: none;}
a.list_a:hover {color: #61685e;text-decoration: none;}

/* TT - Administration Top Nav Styles */
.TopNav {color: #D6DFF5; font: 13px Tahoma, Arial, Helvetica; background-color: #6375D6;}
.TopNavLargeText  {color: #D6DFF5; font: 13px Tahoma, Arial, Helvetica; font-weight: bold;}

.BlueHorLine  {background-color: #C5DFFF;}
.TopNavLeft {padding-left: 5px;}




p, #content, #supportingText {
    font: 8pt/14pt MS Sans Serif;
    margin-top: 0px;
}

a.NavMenu:link {text-decoration: none; color: #61685e;}
a.NavMenu:visited {text-decoration: none; color: #61685e;}
a.NavMenu:hover{text-decoration:underline; color: #61685e;}



a:link {color: #61685e; text-decoration:underline;}
a:visited {color: #61685e;text-decoration:underline;}
a:hover {color: #61685e;text-decoration:none;}

/* specific divs */




/* This is the style for the informational messages presented to the user */
div.error, div.message {
    background: #ffc;
    border: 1px solid green;
    color: black;
    font-weight: normal;
    margin: 10px auto;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error {
    border: 2px solid red;
}

span.fieldError {
    color: maroon !important;
}

/* Dashboard styles */
table.dashboard {
    border: 1px solid silver;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}

table.dashboard td {
    padding-left: 3px;
}

table.dashboard th {
    background: #c1e2a5;
    padding-left: 3px;
    border-bottom: 1px solid silver;
    text-align: left;
}

/* style for list tables */
table.list {
    border: 1px solid #d5d9dc;
    font-family: arial, sans-serif;
    font-size: 110%;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}


.list_hover {
    padding-left: 3px;
    background-color: #e5e5cf;
    border-right: 1px solid #d5d9dc;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

table.list td {
    padding-left: 3px;
    border-right: 1px solid #d5d9dc;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

table.list th {
    background: #000000;
    padding-left: 3px;
	background: url(../images/admin_bg.jpg) repeat-x;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

table.list select {
    text-align: left;
    font: 11px MS Sans Serif; 
    color: #215DC6;
    text-decoration:none;
}
table.list thead tr {
    background-color: #fc0;
    border-right: 1px solid silver;
}

table.list tr.even {
    background: #eee;
    border-top: 1px solid silver;
	border-right: 1px solid silver;
}

table.list tr.odd {
    background: white;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
}

a.AdminFormLinks:link {
	font: 14px MS Sans Serif;
	color: #588135;
	text-decoration:none;
	padding-right: 20px;}
a.AdminFormLinks:visited {
	font: 14px MS Sans Serif;
	color: #588135;
	text-decoration:none;
	padding-right: 20px;}
a.AdminFormLinks:hover{
	font: 14px MS Sans Serif;
	color: #588135;
	text-decoration:underline;
	padding-right: 20px;
	}

#twistyLinks a:link {
    font: 11px MS Sans Serif; 
    color: #5b6851;
    text-decoration:none;
    font-weight: bold;
}

#twistyLinks {

	background-image: url(../images/config_bg.jpg);
    background-repeat: no-repeat;
	height: 22px;
	padding-left: 7px;
	padding-top: 3px;
	font-weight: bold;
	colour: #5b6851;
	}

#twistyLinks a:visited {
    font: 11px MS Sans Serif; 
    color: #5b6851;
    text-decoration:none;
    font-weight: bold;
    
}

#twistyLinks a:hover {
    font: 11px MS Sans Serif; 
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}


/* for cool looking "sunken" input boxes, from www.theserverside.com */
form input, form textarea, form select {
    padding-left: 4px;
    color: #666;
}

input.button {
    color: #000;
}

/* Warning: IE doesn't support pseudo-class :focus */
form input:focus, form textarea:focus, form select:focus {
    border-bottom: #ffdead solid 2px;
	border-right: #ffdead solid 2px;
    border-left: #c07300 solid 2px;
    border-top:  #c07300 solid 2px;
    color: #000;
}

form select {
    padding-left: 0px;
}

/* TT - Main Content Window Styles */
.mainContent {padding-left: 20px; padding-right: 20px; padding-top: 10px;}



/* TT - Page Header Style */

.OrderListBar {height: 20px; background-color: #7AA1E6; color: #FFFFFF; font: 11px MS Sans Serif; padding-left: 5px}
.PageListHolderBar {height: 30px; background-color: #ffffff; color: #000000; font: 11px MS Sans Serif; padding-left: 5px; padding-top: 5px;}
.PageListButtonBar {
    padding-left: 3px;}
/* TT - Order Administration Style */


	#otherContent{	/* Normal text content */
		float:left;	/* Firefox - to avoid blank white space above panel */
		padding-left:10px;	/* A little space at the left */
	}



/* Page Form Style */
table.pageform {
    
    border-collapse: collapse;
    margin-top: 10px;
    width: 500px;
}

table.pageform th {
	font: 13px MS Sans Serif; font-weight: bold;
    padding-left: 3px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    color: #96bda9;
}

table.pageform td {
    padding-left: 3px;
}

table.pageform select {
    text-align: left;
    font: 11px MS Sans Serif; 
    color: #215DC6;
    text-decoration:none;
}
table.pageform thead tr {
    background-color: #fc0;
}

table.list td.alert {
	color: #e7073c;
}

td.dashtitle{
	font-size: 14px;
	padding-bottom: 4px;
	color: #726c46;
}

td.dashtext{
	font: 14px MS Sans Serif;
    color: #215DC6;
}

td.dashtextalert{
	font: 14px MS Sans Serif;
    color: #726c46;
}

.googleButton{
	color: #2833c4;
	width: 100px;
}

.orderButton a{
	width:100px; height:24px; background:url(../images/button.gif) no-repeat 0 0; color:#1f15f1; margin:1px 0 0 0;
	text-align:center; font:13px/22px Tahoma, Arial, Helvetica, sans-serif; float:right; display:block; text-decoration:none;
	}
.orderButton a:hover{
	text-decoration:underline;
	}
	
.orderButtonImg{
	margin:1px 0 0 0;
	text-align:center; font:13px/22px Tahoma, Arial, Helvetica, sans-serif; float:right; display:block; text-decoration:none;
	}
	
table.orderhistory {
	width: 600px;
}

table.orderhistory th{
	text-align: left;
	font-weight: normal;
}
table.orderhistory td{	
	border-top: 1px solid silver;
}

table.googledata {

}

table.googledata_panel1 {
	float: left;
	width: 300px;
	border: 1px solid silver;
	background-color: #eaf3e2;
}

table.googledata_panel1	td.od_name{
		float: left;
		width: 150px;
	}
table.googledata_panel1	td.od_value{
		width: 150px;
		font-family :Tahoma, Arial, helvetica, sans-serif; 
		font-size :12px;
		background-color: #ffffff;
	}

td.googleOrder_messages{
	padding-left: 10px;
	padding-top:10px;
	width:400px;
}

#twistyLink2 {

	background-image: url(../images/pointer.jpg);
    background-repeat: no-repeat;
	height: 22px;
	padding-left: 27px;
	padding-bottom: 3px;
	font-weight: bold;
	colour: #5b6851;
	}

#twistyLink2 a:visited {
    font: 11px MS Sans Serif; 
    color: #5b6851;
    text-decoration:none;
    font-weight: bold;
    
}

#twisty1Links {

	background-image: url(../images/twist_plus.jpg);
    background-repeat: no-repeat;
	height: 22px;
	padding-left: 17px;
	padding-top: 3px;
	font-weight: bold;
	colour: #5b6851;
	width: 440px;
	border-bottom: 1px solid #ccc;
	}
	

#twisty1Links a:link {
    font: 11px MS Sans Serif; 
    color: #5b6851;
    text-decoration:none;
    font-weight: bold;
}

#twisty1Links a:visited {
    font: 11px MS Sans Serif; 
    color: #5b6851;
    text-decoration:none;
    font-weight: bold;
    
}

#twisty1Links a:hover {
    font: 11px MS Sans Serif; 
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}

.twist1Area{
	background-color: #ececec;
	width:453px;
	border: 1px solid #ccc;
}

/* style for list tables */
table.list_email {
    border: 1px solid #d5d9dc;
    font-family: arial, sans-serif;
    font-size: 110%;
    border-collapse: collapse;
    margin-top: 10px;
    width: 450px;
}

table.list_email td {
    padding-left: 3px;
    border-right: 1px solid #d5d9dc;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

table.list_email th {
    background: #000000;
    padding-left: 3px;
	background: url(../images/cart_bg.jpg) repeat-x;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

.adminH2 {
	font-weight: bold;
	font: 14px Tahoma, Arial, Helvetica;
	padding-bottom: 0px;
	margin-bottom: 6px;
	color: black;
	}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
  
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


 /* style for list tables */
table.infoUserTable{
    border: 1px solid #d5d9dc;
    font-family: arial, sans-serif;
    font-size: 110%;
    border-collapse: collapse;
    margin-top: 10px;
    width: 450px;
}

table.infoUserTable td {
    padding-left: 3px;
    border-right: 1px solid #d5d9dc;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}

table.infoUserTable th {
    background: #000000;
    padding-left: 3px;
	background: url(../images/cart_bg.jpg) repeat-x;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
}