/*
// Version:		4.00
// Date:		2010-03-31
// Module:		Basic
// Scripting;	© 2010, Bengt Lindholm, uNeed AB, Sweden
//
//
//	Revisions
//


*/


/* Basic page settings ***************************************************** */

body 
{

font: 					100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: 					#000000;
background: 			#aaaaaa;
margin: 				0;
padding: 				0;
text-align: 			center;
height: 				100%;
}


div, h1, h2, h3, h4, h5, h6, p, ul, ol, li 
{

margin:					0px;
padding: 				0px;
}


body
{

margin-top: 			12px;
margin-left:			30px;
margin-right: 			30px;
margin-bottom: 			12px;
}


body.info, 
body.help 
{

margin-top: 			12px;
margin-left:			30px;
margin-right: 			30px;
margin-bottom: 			12px;
}



/* Default typography settings ********************************************* */

body, th, td, div, li 
{

font-size: 				13px;
color: 					#333333;
text-align: 			left;
}


th 
{

font-size: 				11px;
color: 					#333333;
font-weight:			bold;
text-align: 			left;
}


h1 
{

font-size: 				30px;
margin-top: 			10px;
margin-right: 			0px;
margin-bottom: 			6px;
margin-left: 			0px;
}


h2 
{

font-size: 				18px;
margin-top: 			6px;
margin-right: 			0px;
margin-bottom: 			2px;
margin-left: 			0px;
}


h3 
{

font-size: 				13px;
margin-bottom: 			2px;
margin-top: 			6px;
}


h4 
{

font-size: 				13px; 
font-weight:			bold;
}


p 
{

font-size: 				13px;
margin-top: 			7px;
margin-bottom: 			0px;
line-height: 			125%;
}


.red 
{

color:					#800040;
}


div.first-letter:first-letter, 
p.first-letter:first-letter
{

font-size: 				200%;
}


.narrow
{

padding-left: 			40px;
padding-right: 			60px;
}


.ingress
{

font-size:	 			11px;
font-style: 			italic;
}


.caption
{

font-size: 				9px;
font-style: 			italic;
margin:					3px;
margin-top:				2px;
}



/* Default list settings *************************************************** */

ul, 
ol 
{

margin-top: 			10px;
}


ul 
{

list-style-type: 		disc;
}


li 
{

margin-left: 			20px;
margin-top: 			1px;
line-height: 			1.3em;
}



/* Default link settings *************************************************** */

a:link, 
a:visited, 
a:active 
{

color: 					#993333;
text-decoration: 		none;
}


a.invisible:link, 
a.invisible:visited, 
a.invisible:active 
{

color: 					#333333;
text-decoration: 		none;
}


a:hover
{

text-decoration: 		none;
}



/* Default table settings ************************************************** */

table 
{

border: 				0;
width: 					100%;
margin:					0;
padding:				0;
}


tr 
{

width: 					100%;
}


td
{

vertical-align:			top;
}


th.center, 
td.center 
{

text-align:				center;
}


th.right, 
td.right 
{

text-align:				right;
}


th.middle, 
td.middle 
{

vertical-align:			middle;
}


th.bottom, 
td.bottom 
{

vertical-align:			bottom;
}


th.nowrap, 
td.nowrap 
{

white-space:			nowrap;
}



/* Page elements *********************************************************** */

#wrapper 
{

overflow: 				hidden;
margin-bottom:			12px;
}


#wrapper_bottom 
{

overflow: 				hidden;
/*vertical-align:			bottom
position:				absolute;
bottom:					12px;
right:					30px;
left:					30px;*/
}


#header 
{

width: 					100%;
position: 				relative;
float:					left;
clear:					both;
display:				block;
border-bottom: 			1px solid #000000;
overflow: 				hidden;
}


#header_text 
{

float:					left;
width:					75%;
}


h1.header_text 
{

margin-top: 			10px;
margin-right: 			0px;
margin-bottom: 			1px;
margin-left: 			0px;
}


#header_buttons
{

position:				absolute;
right: 					0px;
bottom: 				20%;
overflow:				hidden;
width:					25%;
white-space:			nowrap;
text-align:				right;
}


#header_info 
{

clear:					both;
margin: 				0px;
padding: 				0px;
border:					0;
}


#page_intro 
{

margin: 				0px;
padding: 				0px;
margin-top:				10px;
padding-bottom:			10px;
position: 				relative;
clear:					both;
display:				block;
height:					auto;
overflow: 				hidden;
}


#form_admin, 
#form_site, 
#search_admin, 
#info_box, 
#list_box 
{

clear:					both;
width:					100%;
}


#form_button 
{

clear:					none;
width:					0px;
margin:					0px;
display:				inline;
}


#list_admin 
{

border-top: 			1px solid #000000;
clear:					both;
width:					100%;
}


#list_admin.no_top_border
{

border-top: 			0;
}


#list_w_header 
{

border-top: 			0;
clear:					both;
width:					100%;
}


#media_box 
{

clear:					both;
width:					100%;
text-align:				center;
padding-top:			10px;
padding-bottom:			10px;
}


#footer 
{

width: 					100%;
float:					left;
margin: 				0px;
padding: 				0px;
position: 				relative;
clear:					both;
display:				block;
height:					auto;
border-top: 			1px solid #000000;
overflow: 				hidden;
}


#footer_text 
{

float:					left;
margin: 				0px;
padding: 				0px;
border:					0;
}


#footer_buttons
{

position:				absolute;
right: 					0px;
top: 					0px;
height: 				auto;
width: 					auto;
}


#info, 
#info_table 
{

width:					100%;
}


#info_table 
{

border-top: 			1px solid #000000;
}


#thumb 
{

position: 				relative;
clear:					none;
display:				block;
text-align:				center;
overflow: 				hidden;
width:					auto;
margin-top: 			4px;
margin-left:			2px;
margin-right:			2px;
margin-bottom: 			7px;
}


div.float_left 
{

float: 					left;
}


div.float_right 
{

float: 					right;
}


#checkbox 
{

width: 					100%;
}


#checkbox a:link, 
#checkbox a:visited, 
#checkbox a:active, 
#checkbox a:hover 
{

color: 					#333333;
text-decoration: 		none;
}


.request 
{

background:				#baea90;
}


div.inline_thumb 
{

border:					1px solid;
margin:					5px;
width:					120px;
overflow:				hidden;
}


div.inline_left 
{

float: 					left;
margin-left: 			0px;
}


div.inline_right 
{

float: 					right;
margin-right: 			0px;
}



/* Typographies ************************************************************ */

.info_text 
{

font-style:				italic;
font-size:				10px;
}

span.red 
{

color:					#800040;
}



/* Images ****************************************************************** */

img 
{

border:					0;
}


img.help_button, 
img.tool_button 
{

padding-left:			2px;
width:					auto;
}


img.bullet 
{

padding-top:			2px;
}


img.help_button 
{

padding-left:			5px;
}


img.icon 
{

width:					24px;
height:					24px;
}



/* Tables ****************************************************************** */

table.no_border 
{

border:					0;
}


td.thumbnail_col 
{

width:					125px;
vertical-align:			middle;
text-align:				center;
overflow:				hidden;
}



/* Forms ******************************************************************* */

form 
{

margin: 				0px;
}


#form_admin table, 
#search_admin table, 
#form_site table
{

width:					100%;
border:					0px;
padding:				0px;
margin:					0px;
}


#search_admin table 
{

border-bottom: 			1px solid #000000;
}


#search_admin table tr 
{

background:				#dddddd;
}


#form_admin table tr, 
tr.form 
{

background:				#eeeeee;
}


tr.form_header 
{

background:				#dddddd;
font-weight:			bold;
}


td.form_error 
{

background:				#dc8c8c;
color:					#800040;
}


td.form_information 
{

text-align:				left;
}


td.form_submit, 
td.search_submit 
{

text-align:				right;
vertical-align:			middle;
}


p.cbox_indent 
{

margin-top:				0px;
margin-left:			22px;
}


p.cbox_indent input 
{

margin-left:			0px;
}



/* Admin lists ************************************************************* */

#striped th, 
#striped td 
{

padding:				2px;
text-align:				left;
vertical-align:			middle;
}


#striped th.center, 
#striped td.center 
{

text-align:				center;
}


#striped th.right, 
#striped td.right 
{

text-align:				right;
}


#striped td.marked 
{

background-color:		#eff0ac;
}


#striped tr.list_header, 
#striped th.list, 
#striped th.list_sorted 
{

text-align:				left;
vertical-align:			middle;
background:				#cccccc;
}


#striped th.list_sorted 
{

background:				#aaaaaa;
}


img.sorted 
{

float:					right;
margin-top: 			3px;
margin-right: 			5px;
border:					0;
}


#striped tr.odd_h2 
{

background-color: 		#dddddd;
}


#striped tr.even_h2 
{

background-color: 		#dddddd;
}


#striped tr.odd 
{

background-color: 		#eeeeee;
}


#striped tr.even 
{

background-color: 		#ffffff;
}


#striped tr.list_footer 
{

text-align:				right;
vertical-align:			middle;
background-color: 		#dddddd;
}


#striped tr.editing, 
#striped tr.editing_h2, 
#striped td.error 
{

background-color: 		#daabab;
}


#striped tr.current, 
#striped tr.current_h2 
{

background-color: 		#f0d9d9;
}


#striped tr.updated, 
#striped tr.updated_h2 
{

background-color: 		#bdc0a8;
}


#striped tr.duplicated, 
#striped tr.duplicated_h2 
{

background-color: 		#ada3c0;
}


#striped tr.header1 
{

background-color: 		#cccccc;
}


#striped tr.header2 th 
{

font-size: 				10px;
color:					#800040;
font-weight:			normal;
}


#striped tr.odd_h2, 
#striped tr.even_h2, 
#striped tr.editing_h2, 
#striped tr.current_h2, 
#striped tr.updated_h2, 
#striped tr.duplicated_h2 
{

font-weight:			bold;
}


#striped tr.header2 
{

background-color: 		#dddddd;
}


#striped th.list_tools, 
#striped td.list_tools, 
td.list_tools 
{

padding-right:			4px;
text-align:				right;
vertical-align:			middle;
white-space:			nowrap;
}


td h1 
{

font-size: 				11px;
color: 					#333333;
font-weight:			bold;
margin-top: 			2px;
margin-right: 			0px;
margin-bottom: 			2px;
margin-left: 			0px;
}


table.striped_l tr:nth-child(odd), 
table.striped_r tr:nth-child(odd)
{

background-color: 		#ffffff;
}


table.striped_l tr:nth-child(even), 
table.striped_r tr:nth-child(even)
{

background-color: 		#dddddd;
}


td.nopaddingr
{

padding-right:			0px;
}


table.striped_l td, 
table.striped_r td
{

padding: 				2px;
padding-right:			5px;
padding-left:			5px;
text-align:				left;
}


table.striped_r td
{

text-align:				right;
}


#striped td.numbers 
{

text-align:				right;
padding-right:			4px;
}



/* Lists ******************************************************************* */

ul#search_result
{

margin-top: 			0px;
list-style-type: 		none;
}


ul#search_result li 
{

font-size: 				9px;
margin-left: 			10px;
margin-top: 			1px;
line-height: 			11px;
}



/* Colours ***************************************************************** */

.marked 
{

background-color: 		#eff0ac;
}


.grey 
{

background-color: 		#cccccc;
}



/* Sizes ******************************************************************* */

.w100 
{

width:					100%;
}


.w080 
{

width:					80%;
}


.w050 
{

width:					50%;
}


.w_third 
{

width:					33%;
}


.w025 
{

width:					25%;
}


.w_bullet 
{

width:					28px;
}


.w_date 
{

width:					75px;
}


.w_time 
{

width:					40px;
}


.w_cal_sign 
{

width:					140px;
}


.w_id 
{

width:					40px;
}


.w_lang 
{

width:					48px;
}


.w_order 
{

width:					56px;
}


.w_icon 
{

width:					28px;
}


.w_more 
{

width:					52px;
}


.w_1_btn 
{

width:					20px;
}


.w_2_btns 
{

width:					37px;
}


.w_3_btns 
{

width:					54px;
}


.w_4_btns 
{

width:					71px;
}


.w_5_btns 
{

width:					88px;
}


.w_6_btns 
{

width:					105px;
}


.w_7_btns 
{

width:					122px;
}


.w_8_btns 
{

width:					139px;
}


.w_thumb 
{

width:					120px;
}


.h_10 
{

height:					10px;
}


.list_item_spacer 
{

padding-top:			10px;
padding-bottom:			10px;
}


.timer
{

text-align:				center;
font-size: 				36px;
font-weight:			bold;
}


.timer_done
{

color:					red;
}


img.right
{

text-align:				right;
}


.right 
{

text-align:				right;
}


.middle 
{

vertical-align:			middle;
}