/* Tags & Generic Classes
--------------------------------------------------*/

	body { background: #cdf5fc; color: #333; font: 12px verdana,arial,sans-serif; line-height: 17px; margin: 0 0 30px; }
	
	a { color:#3a656b;}
	a img { border: none; }
	
	h1 { color:#3a656b; font-size: 24px; margin: 0; padding: 12px 0px 6px 0px; }
	h2 { color:#3a656b; font-size: 20px; margin: 0; padding: 6px 0px 6px 0px; }
	h3 { color:#3a656b; font-size: 18px; margin: 0; padding: 4px 0px 4px 0px; }
	h4 { color:#3a656b; font-size: 14px; margin: 0; padding: 4px 0px 4px 0px; }
	
	p { line-height: 145%; margin: 0; padding-bottom: 15px; }
	
	.block_white { position: relative; margin-bottom: 8px; }
	.block_white .block_top { background: url(images/block_white_top.png) top left no-repeat; padding-left: 9px; font-size: 0px; }
	.block_white .block_top div { background: url(images/block_white_top.png) top right no-repeat; height: 11px; }
	.block_white .block_body { background: #fff; border-right: 2px solid #a8e4ef; }
	.block_white .block_body_inner { margin: -4px 0 -0px; padding: 0 7px; } 
	.block_white .block_bot { background: url(images/block_white_bottom.png) bottom left no-repeat; padding-left: 9px; font-size: 0px; }
	.block_white .block_bot div { background: url(images/block_white_bottom.png) bottom right no-repeat; height: 11px; }
	.block_white h2 { color:#3a656b; font-size:22px; line-height:32px;}
	
	.block_blue { position: relative; margin-bottom: 8px; }
	.block_blue .block_top { background: url(images/block_blue_top.png) top left no-repeat; padding-left: 9px; font-size: 0px; }
	.block_blue .block_top div { background: url(images/block_blue_top.png) top right no-repeat; height: 11px; }
	.block_blue .block_body { background: #a9e0ea; border-right: 2px solid #a8e4ef; }
	.block_blue .block_body_inner { margin: -2px 0 -0px; padding: 0 7px; } 
	.block_blue .block_bot { background: url(images/block_blue_bottom.png) bottom left no-repeat; padding-left: 9px; font-size: 0px; }
	.block_blue .block_bot div { background: url(images/block_blue_bottom.png) bottom right no-repeat; height: 11px; }
	
	.block_contrast { background-color: #fff; margin-top: 10px; border:2px solid #93d2de;}
	.grey_box { background-color: #f7f7f7; border: 1px solid #e5e5e5; }
	.grey_alt { background-color: #ededed; }
	.grey_row { border-bottom: 1px solid #e2e2e2; padding: 5px; }
	.grey_altrow { border-bottom: 1px solid #e2e2e2; background-color: #ebebeb; padding: 5px; }
	
	.table_header { background-color: #fff; padding: 6px; font-weight: bold; }
	.table_td { border-top: 1px solid #e5e5e5; padding: 6px; }
	.table_alttd { background-color: #eeeeee; border-top: 1px solid e5e5e5; padding: 6px; }
	.links_front a { color:#aaaaaa;}
	.admin_area	{ font-size:10px;}
	
	.map_box { height: 560px; }
	.overflow { overflow: hidden; }
	.small { font-size: 10px; line-height: 10px; }
	.center {text-align:center;}
	.padding6px { padding:6px;}
	.account_button { width:136px; height:32px; float:left; }
	.list { padding: 4px; } 
	.list_alt { background-color: #b9e8f0; padding: 4px;  }
	.list_edit{ background-color: #fff; }
	.table_smalltext {font-size: 10px;}
	.input_name {border:1px solid #66969e; width:104px; font-size:11px;}
	.input_no {border:1px solid #66969e; width:61px; font-size:11px;}
	.input_friendname {border:1px solid #66969e; width:120px; font-size:11px;}
	.input_friendno {border:1px solid #66969e; width:120px; font-size:11px;}
	.message_nofriends {padding-top:10px;padding-bottom:15px;text-align:center; background-color:#ffcceb;border:1px solid #ff80cd;}
	.message_green { background-color:#bdef9a;text-align:center;padding-top:10px;padding-bottom:10px;margin-bottom:6px;border:1px solid #79ba4c;}
	.message_yellow { background-color:#e8ef9a;text-align:center;padding-top:10px;padding-bottom:10px;margin-bottom:6px;border:1px solid #c4c96e;}
	.message_red { background-color:#ffc8c8;text-align:center;padding-top:10px;padding-bottom:10px;margin-bottom:6px;border:1px solid #ea0f0f;color:#ea0f0f;}
	.notify_red { background:#ffc8c8 url('images/message_red.gif') no-repeat 6px 4px;text-align:left;padding: 3px 6px 3px 24px;border:1px solid #ea0f0f;color:#ea0f0f;display:inline;}

/* Header
--------------------------------------------------*/			

	#header { background: url(images/header_bg.png) repeat-x; height: 106px; margin-bottom: 8px; text-align: left; }
	#header_wrap { margin: 0 auto; width: 990px; height:106px; } 
	#logo { float:left; }
	#buttons  { float: right; padding: 32px 0 0 15px;}
	.button_padding { padding-right: 20px; }
	

/* Main Menu
--------------------------------------------------*/

	#main-menu { text-align: center; margin-bottom: 11px; }


/* Body
--------------------------------------------------*/

	#body { margin: 0 auto; width: 990px; }
	#content { color: #333; float: left; width: 692px; }
	#sidebar { color: #3a656b; float: right; width: 288px; }


/* Footer
--------------------------------------------------*/

	#footer { clear:both; font-size: 11px; margin: 0 auto; padding: 10px 0; text-align: center; width: 990px; }
	.links { font-size: 14px; }
	
	
/* Buttons http://monc.se/kitchen/stew/buttons/btn.html */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
/*.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }*/
.btn[class] {  background-image: url(/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
/* html .btn:hover { border-color: #a00; }*/


