/***************************************************************************

T10 

Copyright Turbo10 Limited 2008

Author: Nigel Hamilton (nigel@t10.com)

Change
---------------------------------------------------------------------------
14/12/2008	Broke this up into sections:

					. global 
					. partner backend
					. advertiser backend
					. front page
					. about pages
					. footer
15/12/2008	Just making sure everything is consistent across page types
			Decided on more verbose but understandable class names
17/01/2009	The T10 logo blue is #00BBF2
13/02/2009	Came back for advertiser backend going to implement this in 
            only 10 days
17/03/2009	The advertiser darker green is: #61C5C5
			The lighter green is: #C3E6E7

***************************************************************************/

/* global styles */
body {
	background-color: #F5F6F7; 
}

body, td, .h {
	font-family: arial, verdana; 
	font-size: 14px;
}

sup {
	color: #00BBF2;
}

.sponsored_link {
	padding-left: 10px;	
	font-size: 10px;
	color: #666666;
}

.main_body {
	margin:  0;
  	padding: 0;
   	height:  100%;
  	border:  none;
}

.about_sidebar_title {
	margin-top: 32px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: green;
}

.indent {
	margin-left: 20px;
}

.level_1_title {
	padding-top: 26px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
}

.level_2_title {
	font-size: 18px;
	font-weight: bold;
}


/***************************************************************************

Partner Backend - these styles apply in the partner backend only 

****************************************************************************/

.partner_main_table {
	width: 989px; 
	height: 100%;
	background: url('images/t10-partner.png') no-repeat top center;
}

.partner_backend_table {
	width: 989px; 
	background: url('images/t10-partner.png') no-repeat top center;
}

.partner_logo_cell {
	width: 186px; 
	height: 114px; 
	cursor: pointer;
}    

.partner_sidebar_title {
	margin-top: 32px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.partner_sidebar_cell {
	height: 200px;
}

.partner_sidebar_details {
	padding-left: 20px;
}

.partner_sidebar_repeat_cell {
	background-image: url('images/t10-partner-slither.png'); 
	background-repeat: repeat-y; 
	background-position: top left;
}

.partner_sidebar_list {
	list-style-image: url('images/pink_tick.gif');
	margin-left: 20px;
	width: 130px;
	font-size: 9pt;
	padding: 9px;
	list-style-position: outside;
}

.partner_sidebar_list_element {
	margin-bottom: 18px;
}

.partner_benefit_list {
	list-style-image: url('images/pink_tick.gif');
	color: #666666;
}

.partner_benefit_list_element {
	margin-bottom: 10px;
}

.partner_confirm_message {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.partner_title_cell_top {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	width: 803px;
	height: 76px;
}

.partner_title_cell_bottom {
    vertical-align: bottom;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.partner_body_text_cell {
	padding-left: 35px;
	padding-top: 50px;
	padding-right: 50px;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	background-color: white;
}

/* primary button */
.partner_button_1 { 
	font-size: 14px;
	font-weight: bold; 
	height: 28px;
	color: black; 
	background-color: #E79BB7; 
}

/* secondary button */
.partner_button_2 { 
	font-size: 14px; 
	height: 28px;
	color: black; 
	background-color: #FFE5FE; 
}

.partner_limit_field {
	height: 40px;
	width: 170px;
	font-size: 20pt; 
}

.partner_contact_details_field {
	height: 30px;
	width: 250px;
	font-weight: bold;
	font-size: 16px; 
}

.manage_account_link {
	font-size: 12px;
}

.partner_report_table {
	width: 680px;
	padding: 5px;
	border-spacing: 0px;
}

.partner_report_header_1 {
	text-align: center;
	font-size: 18px;
}

.partner_report_header_2 {
	text-align: center;
	font-size: 14px;
}

.partner_report_header_3 {
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
}

.partner_report_header_cell {
	font-size: 14px;
	font-weight: bold;
	background-color: #FFE5FE;
}

.partner_report_cell {
	color: #666666;
}

.partner_report_total {
	font-weight: bold;
	background-color: #FFE5FE;
}

.partner_report_footnotes {
	font-size: 11px;
	color: #666666;
}

.partner_report_hr {
	background-color: #333333;
	color: #333333;
}


.partner_overview_table {
	background-color: #FFFFFF;
	width: 650px;
	padding: 5px;
	border-width: 1px;
	border-color: #FFCCFF;
}

.partner_admin_header {
	background-color: #00bbf2;
	color: black;
	font-weight: bold;
	width: 50%;
	padding: 8px;
}


.partner_overview_header {
	background-color: #6ECDE9;
	color: black;
	font-weight: bold;
	padding: 8px;
}


.partner_publisher_header {
	background-color: #bd3b6e;
	color: white;
	font-weight: bold;
	width: 50%;
	padding: 8px;
}

.partner_advertiser_header {
	background-color: #ffcccc;
	font-weight: bold;
	width: 50%;
	padding: 8px;
}

.partner_contact_name {
	font-size: 16px;
}

.partner_contact_email {
	font-size: 16px;
}

.partner_revenue_overview_table {
	width: 210px;
}

.partner_action_link {
	line-height: 22px;
}

.partner_actions_overview_table {
	width: 260px;
}

.partner_overview_cell {
	padding-left: 10px;
}

.partner_div_indent {
	padding-top: 0px;
	padding-left: 20px;
}


/*************************************************************************

 Front Page - these styles apply to the front page

**************************************************************************/

/* insert the image on the front page */
.front_page_background {
	background: #F5F6F7 url('images/t10.png') no-repeat top center;
}

.search_field {
	height: 40px;
	width: 350px;
	font-size: 20pt; 
}

.search_cell {
	height: 100px;
	vertical-align: middle; 
}

.middle_cell {
	height: 210px; 
}

.login_cell_1 {
	text-align: center;
	vertical-align: bottom;
	height: 170px;
	width: 248px;
}

.login_cell_2 {
	text-align: center;
	vertical-align: bottom;
	height: 170px;
	width: 220px;	
}

.login_cell_3 {
	text-align: center;
	vertical-align: bottom;
	height: 170px;
	width: 265px;	
}

.login_cell_4 {
	text-align: center;
	vertical-align: bottom;
	height: 170px;
}

.about_cell {
	text-align: center;
}


.login_field {
	width: 164px;
	margin: 6px;
}


/*************************************************************************--

 Footer - these styles to the footer

****************************************************************************/

.strap_line_cell {
	color: #666666;
	text-align: center;
	font-size: 8pt;
}

.strap_line_stat {
	font-weight: bold;
	font-size: 16px;
	color: #00BBF2;
}

.strap_line_text {
	font-weight: bold;
	font-size: 11px;
}

.strap_line_star {
	font-weight: bold;
	font-size: 35px;
	color: white;
}


.legal_cell {
	text-align: center;
	color: #666666;
}

.legal_link {
	color: #666666;
}

/*************************************************************************--

 About pages - these styles apply to the about pages
height: 100%;
****************************************************************************/

.about_main_table {
	width: 989px; 
	height: 100%;
	background-image: url('images/t10-search.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.search_box_table {
	width: 989px; 
	height: 195px;
	background-image: url('images/t10-search1.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.about_main_table_long {
	width: 989px; 
	background-image: url('images/t10-search.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.about_logo_cell {
	width: 186px; 
	height: 146px; 
	cursor: pointer; 
}    

.about_form_cell {
	padding-left: 180px;
	padding-bottom: 5px;
}    

.about_sidebar_cell {
	height: 290px;
}

.about_sidebar_repeat_cell {
	background-image: url('images/t10-search-slither.png'); 
	background-repeat: repeat-y; 
	background-position: 0;
}

.about_sidebar_star_cell {
	text-align: right;
	background-image: url('images/t10-search-star.png');
	background-repeat: no-repeat;  
	background-position: top left;
	width: 185px; 
	height: 61px;
}

.about_sidebar_title {
	margin-top: 32px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
    color: #666666;
}

.about_body_text_cell {
	padding-left: 35px;
	padding-right: 60px;
	padding-top: 40px;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	background-color: white;
}


.contact_us_details {
	color: #666666;
}

.contact_us_email {
	color: #666666;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}


.hit_display_url {
	color: green;
}

.pound_sign {
	font-weight: bold;
}

.logo_big {
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
}

.logo {
	font-weight: bold;
}

.about_benefit_list {
	list-style-image: url('images/blue_tick.gif');
	width: 130px;
	font-size: 12px;
}

.about_benefit_list_element {
	margin-bottom: 10px;
}


.about_benefit_list_big {
	list-style-image: url('images/blue_tick.gif');
	margin-left: 28px;
	padding: 9px;
}


.t10_big_benefit {
	margin-bottom: 10px;
	margin-left: 13px;
}


/*************************************************************************--
-
- Advertiser Backend - these styles apply in the advertiser backend 
-
****************************************************************************/


.advertiser_overview_table {
	width: 500px;
}

.advertiser_backend_table {
	width: 989px; 
	background: url('images/t10-advertiser.png') no-repeat top center;
}


.advertiser_title_cell_top {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	width: 803px;
	height: 76px;
}

.advertiser_title_cell_bottom {
    vertical-align: bottom;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.advertiser_body_text_cell {
	padding-left: 35px;
	padding-top: 50px;
	padding-right: 50px;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	background-color: white;
}

/* primary button */
.advertiser_button_1 { 
	font-size: 14px;
	font-weight: bold; 
	height: 28px;
	color: black; 
	background-color: #61CFCF; 
}

/* secondary button */
.advertiser_button_2 { 
	font-size: 14px; 
	height: 28px;
	color: black; 
	background-color: #C3E6E7; 
}


.advertiser_title_cell_bottom {
    vertical-align: bottom;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 35px;
	margin-bottom: 0px;
}

.advertiser_main_table {
	width: 989px;  
	height: 100%;
	background: url('images/t10-advertiser.png') no-repeat top center;
}

.advertiser_logo_cell {
	width: 186px; 
	height: 114px; 
	cursor: pointer; 
}    

.advertiser_sidebar_cell {
	height: 200px;
}


.advertiser_credit_card_field {
	height: 30px;
	width: 30px;
	font-weight: bold;
	font-size: 16px; 
}

.advertiser_cvc_field {
	height: 30px;
	width: 40px;
	font-weight: bold;
	font-size: 16px; 
}

.advertiser_text_field {
	height: 30px;
	width: 200px;
	font-weight: bold;
	font-size: 16px; 
}

#advertiser_list {
	height: 23px;
	font-size: 16px;
	font-weight: bold;
}

.advertiser_sidebar_title {
	margin-top: 32px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.advertiser_sidebar_repeat_cell {
	background-image: url('images/t10-advertiser-slither.png'); 
	background-repeat: repeat-y; 
	background-position: 0;
}

.advertiser_benefits_list {
	list-style-image: url('images/green_tick.gif');
	width: 140px;
	font-size: 9pt;
}

.advertiser_big_benefits_list {
	list-style-image: url('images/green_tick.gif');
	color: #666666;

}

.advertiser_big_benefit_list_element {
	margin-bottom: 10px;

}

.advertiser_benefit_list_element_small {
	margin-bottom: 15px;
}


.advertiser_header {
	background-color: #61CFCF;
	font-color: black;
	font-weight: bold;
	width: 70%;
	padding: 8px;
}

.advertiser_body_text_cell {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 50px;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	background-color: white;
}


.advertiser_report_table {
	width: 350px;
	padding: 5px;
	border-spacing: 0px;
}

.advertiser_report_header_1 {
	text-align: center;
	font-size: 18px;
}

.advertiser_report_header_2 {
	text-align: center;
	font-size: 14px;
}

.advertiser_report_header_3 {
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
}

.advertiser_report_header_cell {
	font-size: 14px;
	font-weight: bold;
	background-color: #C3E6E7;
}

.advertiser_report_total {
	font-weight: bold;
	background-color: #C3E6E7;
}


.about_text {
    margin-left: 30px;
	font-size: 16px;
	width: 550px;
}

.form_title {
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}