
/* ------------ APPLICATION -------------*/

*
{
	margin: 0;
	padding: 0;
}

html 
{ 
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body
{
	font-size: 14pt;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}

div#switch_current_user
{
	background-color: #011a3d;
	padding: 10px 0 10px 20px;
	font-size: 13px; 
	font-style: italic;
	font-weight: bold;
	color: yellow;
}

div#switch_current_user a
{
	color: yellow;
}

/* Div that wraps the header, content and footer */
div#wrapper 
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 960px;		
	border-right: 15px solid #eeebe0;	
	border-left: 15px solid #eeebe0;
	padding-right: 5px;
	padding-left: 5px; 
	background: #dbd8ce;	
}


/* Div that contains the header-image */
div#header 
{
	background-repeat: no-repeat;	
}


/* All images in application */
img
{
	border: none;
}

/* Wraps entire menu */
div#menu
{
	padding-top: 140px;
	text-transform: uppercase;
}

/* Links in both menus */
div#menu a
{
	text-decoration: none;
	color: white;
}

/* Active links in both menus */
div#menu li.active a 
{
	color: yellow;
}

/* Active listitem in main menu */
.main li.active 
{
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #011a3d;
}

/* Active link in main menu */
.main li.active a
{
	padding-bottom: 12px;
}

/* Wraps main menu */
.main
{
	height: 40px;
}

/* Listitems in main menu */
.main li
{
	line-height: 40px;
	display: inline;
	font-size: 14px;
}

/* Links in both menus */
.main a, .sub a
{
	padding-left: 20px;
	padding-right: 20px;
}

/* Wraps submenu */
.sub
{
	background-color: #011a3d;
	height: 30px;
}

/* Listitems in submenu */
.sub li
{
	line-height: 30px;
	display: inline;
	font-size: 13px;
}


/* The actual page content where 'yield' is called */
div#page_content
{
	background-color: white;
	overflow: auto;
	padding: 20px;
	padding-bottom: 80px;	
}

/* Div that holds the bottom column */
div#footer
{	
	height: 60px;
	clear: both;
	background-color: #f6f5ef;
	border-top: 2px solid #edebe6;
	color: #73706f;
}

/* Sub-Div that holds the left part */
div#footer_left
{	
	padding-top: 10px;
	float: left;
	margin-left: 20px;	
	text-transform: uppercase;
	font-size: 12px;
}

/* Sub-Div that holds "En produkt från" */
div#product_from
{
	float:left;
}

/* Sub-Div that holds the Equipe Logo */
div#equipe_logo
{	
	margin-left: 10px;
	float:left;
}

/* Equipe logo: size set for png fix in IE6 */
div#equipe_logo img
{
	height: 46px;
	width: 79px;
}

/* Sub-Div that holds the right part ("Support" and "Fax: 042-180850") */
div#footer_right
{
	padding-top: 10px;
	float: right;
	margin-right: 20px;
	font-size: 14px;
}

/* Link in footer */
div#footer_right a:link, div#footer_right a:visited 
{
	text-decoration: none;
	color: #01275e;
	font-weight: bold;
}



/*-------------- COMMON SETTINGS -----------------*/

.center
{
	text-align: center;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

.bold
{
	font-weight: bold;
}

.upcase
{
	text-transform: uppercase;
}

.capitalize
{
	text-transform: capitalize;
}

.italic
{
	font-style: italic;
}

.icon_explanation table
{
	float: left;
	padding: 10px;
	border: 1px solid #dbd8ce;
	color: #01265b;
	font-size: 13px;
}

.icon_explanation table td
{
	padding: 3px 20px 3px 0px;
}

.create_mare_fee table
{
	float: right;
	padding: 10px;
	border: 1px solid #dbd8ce;
	color: #01265b;
	font-size: 13px;
}

.create_mare_fee 
{

}

.quick_search
{
	margin-bottom: 20px;
}

.quick_search label
{
	font-size: 14px;
	font-weight: bold;
	color: #01265b;
}

.quick_search .quick_search_text
{
	padding: 3px;
	border: 2px solid #6699cc;
	height: 13px;
	margin-left: 5px;
}

/* Focus on textboxes in forms */
textarea:focus, input:focus 
{
	border: 2px solid #01265b;
}

/* Sets focus on error fields */
.field_with_error input
{
	border: 2px solid #e06001;
}

.seperator
{
	margin-top: 24px;
	margin-bottom: 24px;
	border-bottom: 2px solid #eeebe0;
}

p.year
{
	font-size: 18px;
	font-style: italic;
	color: #01265b;
	float: left;
}

.count
{
	float: right;
}

.count p
{
	text-align: right;
	font-style: italic;
	color: #01265b;
}

p
{
	font-size: 15px;
	line-height: 23px;	
}

p a
{
	text-decoration: none;
	color: #01265b;
}

.clear
{
	clear: both;
}

/* Error box in forms */
.error_explanation
{
	text-transform: none !important;
	background-color: white;
	text-align: left;
	margin-bottom: 20px;
}

/* Error subtitle */
.error_explanation p
{
	margin: 0 !important;
	color: black;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #f9dfcc;
}

/* Error title */
.error_explanation h2
{
	background-image: url('/images/error_header_bg.gif');
	background-repeat: repeat-x;
	height: 33px;	
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 0 !important;
	font-size: 16pt;
	font-weight: bold;
	color: #4c1400;
}

/* List of errors*/
.error_explanation ul
{
	color: #4d4d4d;
	font-size: 14px;
	margin-left: 40px;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px !important;
}

/* Notice box */
.notice, .success
{
	background-image: url('/images/success_header_bg.gif');
	background-repeat: repeat-x;
	overflow: auto;
	height: 37px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

/* Notice and success text */
.notice p, .success p
{
	padding-top: 8px;
}

.error, .failure
{
	background-image: url('/images/error_header_bg.gif');
	background-repeat: repeat-x;
	overflow: auto;
	height: 37px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

/* Error and failure text */
.error p, .failure p
{
	padding-top: 8px;
	color: #4c1400;
}


/* All h2 application wide */
h2
{
	color: #01265b;
	margin-bottom: 10px;
}

/* All h3 application wide */
h3
{
	margin-top: 10px;
	margin-bottom: 15px;
}

h5
{
	color: #01265b;
	margin-bottom: 10px;
}

/* Rows with a date select */
.date_select
{
	width: 550px !important;
}

.date_select select
{
	width: 100px !important;
}

/* Forms */
.forms
{
	background-image: url('/images/form.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 20px;
	padding-top: 15px;
	font-size: 14px;
	color: #01275e;
	background-color: #8dc5e8;	
}

/* Submit button in forms */
.submit
{
	margin-top: 100px;
	margin-bottom: 10px;
}

.forms .first
{
	margin-top: 5px !important;
}

/* Section headers in forms */
.forms h3
{
	margin-bottom: 15px;
	margin-top: 15px!important;
	text-transform: none !important;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 18px;
	color: black;
	height: 30px;
	background-color: #74aede;
}

.forms h4
{
	margin-top: 15px;
	margin-bottom: 15px;
	height: 2px;
	background-color: #74aede;
}

/* Table in forms */

.forms table
{
	border: collapse;	
}

.forms tr
{
	height: 20px;
}

/* Labels in forms */

.forms table th
{		
	text-transform: uppercase;
	width: 220px;
}

/* Drop down menus in forms */
.forms select
{
	padding: 2px;
	width: 180px;
	font-size: 13px;
	text-transform: capitalize;	
}

.forms textarea
{
	padding: 4px;
	border: 2px solid #6b99b3;
	font-size: 15px;
	height: 100px;
	overflow: auto;
}

/* Textboxes in forms */
.text
{
	padding: 4px;
	border: 2px solid #6b99b3;
	font-size: 15px;
	width: 180px;
}

/* Radiobuttons in forms */
.radio
{
	margin-right: 8px;
}

/* Tables application wide */
.tables
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	border-spacing: 0;
	font-size: 13px;
	color: #4a4a4a;	
}

.tables a
{
	text-decoration: none;
	color: #01275e;	
	font-weight: bold;
}

/* Cells in table */
.tables td
{
	padding-left: 10px;
}

/* Rows in table */
.tables tr
{
	height: 30px;
}

/* Head rows in table */
thead
{
	text-transform: uppercase;
	background-color: #8bc6e8;	
}

/* Cells in head rows  */
thead td
{
	border-bottom: 2px solid #74aede;
	color:  #011a3d;
}

/* For alternating color in table */
.row0
{
	background-color: white;
}

/* For alternating color in table */
.row1
{
	background-color: #eeebe0;
}

/* Top breadcrumb */
.breadcrumb
{
	margin-bottom: 30px;
	font-size: 13px;
}

/* Links in top breadcrumb */
.breadcrumb a
{	
	text-decoration: none;
	color: #01265b;
}

/* Focus on active link breadcrumb */
.breadcrumb_active
{
	color: #4d4d4d !important;
}

/* Linkbuttons outside forms */
.link_button
{
	text-align: right;
}

/*----------- NEW ACCOUNT ------------*/

.company
{
	height: 35px;
	vertical-align: top;
}

.organization_select select
{
	width: 380px;
}


/*---------- STALLION COVER REGISTRATIONS --------------*/

/* Form that wraps dropdown */
div#select_year
{
	margin-bottom: 10px;	
	text-align: right;
}

/* Dropdown */
div#select_year select
{
	width: 100px;
	padding: 1px;
}

/*------------- LOGIN ---------------*/

/* Wraps the left part 'welcome and about' sections */
.left
{	
	float: left;
	width: 360px;
}

/* Link in left side ("Skapa ett konto >>") */
.left a
{
	color: #01275e;
	font-weight: bold;
}


/* Lines that seperates sections in left side */
.login_border
{
	width: 360px;
}

/* Right div that wraps the login form */
.right
{	
	float: right;
	width: 480px;	
}

/* Table in login form  */
.right table
{
	border-collapse: collapse;
}

/* th in login table */
.right th
{
	height: 50px;
 	vertical-align: middle;
}

/* Rows in login table */
.right tr
{
	border-bottom: 2px solid #74aede;
}

.right tr.last
{
	border-bottom: none;
}

/* Textboxes in login form */ 
.right .text
{
	width: 300px;
}

.right div.links
{
		text-align: right;
		text-transform: none !important;
		margin-top: 5px;
}

/* Link ('Glömt lösenordet?') */
.right a
{	
	color: #01275e;
	text-decoration: underline;
	font-weight: bold;	
}

/*---------- HORSE PROFILE -------------*/

h3#pedigree
{
	margin-top: 30px;
}

/* The three top tables with horse information */
.profile_top_tables
{
	margin-bottom: 10px;
	width: 650px;
}

/* Cells in above tables */
.profile_top_tables td
{	
	width: 100px;
}

/* Horse image if present at blup.se */
div#profile_image
{
	overflow: hidden;
	text-align: center;
	float: right;
	margin-top: -210px;
	border: 2px solid #eeebe0;
	border-bottom: 28px solid #eeebe0;
	height: 170px;
	width: 250px;
}

/* Notification if cover-fee is paid for the mare that current year */
span#fee_paid
{
	float: right;
	margin-top: -30px;
	font-size: 13px;
	font-weight: bold;
	color: #339900;
}

span#fee_not_paid
{
	float: right;
	margin-top: -30px;
	font-size: 13px;
	font-weight: bold;
	color: #cc6600;
	margin-bottom: 20px !important;
}

div#pay_fee
{
	float: right;
	font-size: 13px;
	font-weight: bold;
	margin-top: -30px;
}

div#pay_fee a
{
	color: #cc6600 !important;
}

.pay_fee_now a
{
	color: #cc6600 !important;
	text-decoration: underline;
}


/*------------ START ---------------*/

p#membership
{
	font-weight: bold;
}

.start_title
{
	margin-top: 10px;
	color: #01265b;
	float: left;
}

.logo
{
	float: right;
}

.greeting
{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
 
p.info_header
{
	color: #01265b;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 10px;
}

.role
{
	color: #01265b;
	font-size: 16px;	
	margin-top: 25px;
	margin-bottom: 5px;
}

.info_columns
{	
	margin-left: 20px;
	font-style: italic;
}

.link_reg_foal
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: green;
}

.table_overview
{
	margin-top: 20px;
	margin-left: 20px;
	width: 870px;
}



/*---------- USER ACCOUNT SHOW -----------*/

.show tr
{
	height: 25px;
}

.show tr td
{
	padding-bottom: 15px;
}

.user_profile_image
{
	margin-right: 50px;
	overflow: hidden;
	text-align: center;
	float: right;
	border: 10px solid #74aede;
	height: 128px;
	width: 128px;
}

.my_account_left
{
	margin-top: -20px !important;
	float: left;
	width: 640px;
}


/*------------ BOOKINGS -----------*/

/* ----- all ------ */

.category_description a
{
	font-weight: bold;
	font-size: 12px;
}

/*----- mares ------*/

p.bookings_not_completed
{
	color: #E56717; 
	font-weight: bold; 
	padding-bottom: 5px;
}

/*-----cover station-----*/

.unaccepted_title
{
	color: #01265b;
	margin-bottom: 20px !important;
	font-size: 14px;
	font-weight: bold;
}

.unaccepted_title div
{
	float: left;
}

/*---- completition-----*/

.booking_steps
{
	font-size: 16px;
}

/*--- show ----*/

.booking_left
{
	float: left;
	width: 670px;
}



/*---------- MY STALLION LICENSES -----------*/

h2#my_licenses
{
	margin-bottom: 30px;
}


/*-----------UPDATE FOAL RESULT AND PREGNANCY TEST -----------*/


.about p
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.update select
{
	width: 100px;
}


/*--------- SEARCH -----------*/

.pagination
{	
	font-size: 13px;
	font-weight: bold;
	color: #01265b;
	padding-bottom: 10px;
	text-align: center;
}

.pagination a:visited
{
	color: #01265b;
}

.search select
{
	width: 130px;
}

.search p
{
	margin-bottom: 20px;
}

.search .submit
{
	margin-top: 50px;
}

.search_result a
{
	text-decoration: none;
}

.search_result tr
{
	border: none !important;
}

.booking_submit
{
	float: right;
	margin-top: 50px;
	padding-right: 10px;
}

.new_condition
{
	padding-top: 20px;
	padding-bottom: 10px;
}

.delete_condition
{
	padding-left: 10px;
}

.condition
{
	margin-left: 20px !important;
	width: 170px !important;
}

.build
{
	font-size: 15px;
	color: #01275e;
}


/*------------BOOKING ADDITIONAL-------------*/

.vet_check
{
	width: 100% !important;
}


.description textarea
{
	width: 100% !important;
}


/*-------- BOOKING SHOW --------*/

.show h3
{
	margin-bottom: 20px !important;
}

/*--------- BOOKINGS -----------*/

.link_new_booking
{
	font-weight: bold;
	text-decoration: underline;
}

/*---------OPTIONS-----------*/
.options
{
	padding-left: 10px;
}

.no_update
{
	color: red;
	font-style: italic;
}


/*--------PAYSON-----------*/

p#payson
{
	margin-top: -20px;
}

h3#fee_unpaid
{
	color: red;
}

/*---------- ADMIN ----------*/

/*---- start ----*/

.sub_statitistics
{
	padding-left: 20px !important;
	font-style: italic;
}

/*--- account ----*/

table.account_users th
{
	width: 0px;
	padding: 0 30px 0 0;
}

table.account_users td
{
	width: 0px;
	padding: 0 30px 0 0;
}

.user_icons
{
	padding-left: 20px;
	padding-right: 0px !important;
}


table.account_fees th
{
	padding-top: 10px;
	padding-bottom: 10px;
}

table.account_fees tr
{
	height: 10px !important;
}

.show a
{
	text-decoration: underline;
	color: #01275e;
}


/*----- bookings ----*/

img#img_search_booking
{
	border: 1px solid #dbd8ce;
}

.choice_sections
{
	vertical-align: middle;
}

.choice_sections p
{
	margin-bottom: 5px;
}

.choice_sections_links
{
	font-size: 16px;
	margin-top: 18px;
  margin-left: 15px
}

.choice_sections_links a
{
	text-decoration: none !important;
	color: #01265b;
}

/*----- organizations -----*/

table.organization td
{
	padding: 0 50px 15px 0;
}

table.organization .first 
{
	width: 400px;
}


table.organization .first .text
{
	width: 400px;
}



/*-------FACTSHEET-------*/

.fact_sheet_link_text
{
	padding-top: 2px;
	margin-left: 10px;
}

.fact_sheet_link_text a
{
	font-size: 15px;	
	text-decoration: none !important;
	color: #01265b;
}

.fact_sheet_link_sections
{
	margin-bottom: 15px;	
}

.distance_down
{
	padding-bottom: 10px;
}

.competition_info
{
	vertical-align: top;
}

.competition_text_area
{
	width: 500px !important;
}

.eva
{
	width: 500px !important;
}

.stallion_info_url
{
	width: 350px !important;
}

/*-------SEMEN IMPORT SHEET-------*/

.society_name
{
	width: 400px !important;
}


/*----SEASONPROFILE----*/

.season_time_limits th
{
	width: 500px !important;
}

.season_time_limits select
{
	width: 120px !important;
}

/*-----COVER color: #01265b;-----*/

.cover_report_image
{
	overflow: hidden;
	text-align: center;
	float: right;
	margin-top: -60px;
	border: 2px solid #eeebe0;
	border-bottom: 28px solid #eeebe0;
	height: 170px;
	width: 250px;
}

.short
{
	margin-right: 280px;
}

.stallion_section
{	
	padding: 30px 10px 50px 10px;
	border-bottom: 1px solid #74aede;
}

.last_stallion
{	
	border-bottom: none;
}

.first_stallion
{	
	padding-top: 0;
}

.stallion_section .right_side
{
	float: right;
 	width: 600px;
}

.stallion_section .right_side .stallion_name
{
	float: left;
}

.stallion_section .right_side .cover_report
{
	float: left;
	margin-left: 20px;
}

.stallion_section .right_side .stimulans { float: right; }

.stallion_section .right_side h3 
{
	color: #01265b;
	margin-top: 0;
	margin-bottom: 5px;
}

.stallion_section .right_side h3 a
{
	color: #01265b;
	text-decoration: none;
}

.stallion_section .right_side p
{
	margin-bottom: 20px;
	color: #01265b;
	font-size: 15px;
	font-style: italic;
}

.stallion_section .right_side .tables
{
		margin-bottom: 0;
}

.stallion_section .right_side .tables td
{
	width: 200px;
}

.stallion_section .left_side 
{
	width: 250px;
	padding: 10px;
	height: 240px;
	float: left;
	margin-right: 20px;
	background: #8bc6e8;
}

.stallion_section .left_side .stallion_image
{
	width: 250px;
	background: #8bc6e8;
}

.stallion_section .left_side
{
	width: 250px;
	color: #01265b;
	font-size: 13px;
	font-weight: bold;
}

.stallion_section .left_side .fact_sheet
{
	margin-right: 20px;
	float: right;
}

.stallion_section .left_side .fact_sheet img
{
	width: 39px;
	height: 53px;
}

.stallion_section .left_side .blup
{
	margin-left: 20px;
	float: left;
}

.stallion_section .left_side .fact_sheet img, .stallion_section .left_side .blup img
{
	margin-top: 15px;
	margin-bottom: -25px;
	padding-right: 5px;
}

/* ----- GRAVATAR ------ */

.gravatar_table_border
{
	width: 22px;
	height: 22px;
	border: 2px solid #eeebe0;
}

.gravatar_table_text
{
	margin-top: 6px;
	margin-left: 6px;
}


/* ---- LAUNCHING SOON ----*/

.btn_notify
{
	text-align: right;
	margin-top: 30px !important;
	margin-bottom: 80px !important;
}

.launching_time
{
	text-align: center;
}

.launching_time p
{
	font-size: 22px !important;
	font-style: italic;
	font-weight: bold;
	color: #01265b;
}

/* ---- HOW IT WORKS ----- */

.how_it_works
{
	width: 100%;
}

.how_it_works .seperator
{
	width: 380px !important;
}

.how_it_works_images
{
	float: left;
	width: 380px;
}

.how_it_works_text
{
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	float: right;
	width: 470px;
}

.how_it_works_text h2, .how_it_works_text a
{
	color: #01265b;	
	font-size: 22px !important;
	text-decoration: none;
}

.gravatar_text
{
	float:left; 
	width: 650px; 
	padding-right: 20px;
}

.gravatar_image
{
	float:right; 
	padding-right: 50px;
}

/* ---- WHAT IT MEANS ----- */

.what_it_means .question_mark
{
	margin-top: -30px;
	margin-right: 40px;
	float: right;
}

.what_it_means .description
{
	width: 750px;
	float: left;
}

.what_it_means .seperator
{
	padding-top: 20px;
}

.what_it_means .section {	margin-bottom: 40px; }

.what_it_means .words
{	
	width: 170px;
	float: left;
	color: #01265b;
	font-weight: bold;
}

.what_it_means .explanation
{
	border-left: 2px solid #eeebe0;
	width: 680px;
	float: right;
	font-style: italic;
	padding-left: 50px;
}

.capitalize
{
	text-transform: capitalize;
}


/* Cover station create booking*/

.cover_owner_match #cover_owner_match
{
	margin-top: 20px;
	margin-bottom: 30px;
	color: #01265b;
}

.cover_owner_match #not_same_person
{
	font-size: 10pt;
	font-style: italic;
}

.cover_owner_match .submit
{
	margin-top: 20px;
}

#btn_quicksearch
{
	margin-bottom: -8px;
}

/* Notes */

.notes td, .notes th
{
	vertical-align: top;
	width: 700px;
}

.notes .note_created { width: 120px; }

.notes .note_creator 
{ 
	font-style: italic; 
	width: 210px;
}

/* Scope Cover Report */
select#scope { width: 200px !important; }

.cover_proof_warning h3 
{
	color: red;
	font-size: 16px;
}

.cover_proof_warning 
{
	margin-bottom: 50px; 
}

.cover_proof_warning p
{
	color: red;
}

.stimulans p, .admin_warning
{
 	font-style: italic;
	color: red !important;
}

.activities_table { width: 100%; }

.activities_table th, .activities_table td
{
	vertical-align: top !important;
	width: 110px;
}

.activities_table .small_column { width: 60px !important; }
.activities_table .date, .activities_table .activity { width: 100px !important; }
.activities_table .note { width: 200px !important; }



/* Radera hingst */
.delete_stallion
{
	margin-top: 30px;
	font-style: italic;
}

a#delete_stallion
{
	text-decoration: underline;
}

th { text-align: left !important; }

/* Rescue RecordNotFound */
img#obs
{
	float: right; 
	height: 128px; 
	margin-right: -10px; 
	margin-top: -20px;
}

/* Show manual mare */
.small_column { width: 30px !important; }

.stat_desc
{
	font-size: 12px;
	font-style: normal;
}
