body {margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Helvetica, sans; font-size:62.5%; color:#333; background:#5181AE url(../img/background.png) repeat-x 0 6.6em}
body,h1,h2,h3,h4,h5,h6,p,table,ul,li,form,fieldset {margin:0; padding:0}
ul,li {list-style:none}
table {border-collapse:collapse}
h1,h2,h3,hr,legend {display:none}
img,table,fieldset{border:none;}
a {color:#666666; padding:0.1em 0 0}
a:hover {background-color:#F9E481}
input {border:none; background:white url(../img/bk_input.gif) no-repeat; width:302px; height:20px; padding:4px 4px 0 4px}
input.chk,input.chk1 {background:none; width:auto; height:auto; padding:0}
input.chk1:focus {outline:none}
input.sbt {background:none; border:none; width:auto; height:auto; padding-bottom:4px;}
/* Mozilla Check Boxes * > input.chk {display:none; width:0; height:0; margin:0; overflow:hidden}*/
input.chk + label {background:transparent url(../img/ic_checkbox.gif) no-repeat; padding-left:25px; display:inline}
/* Mozilla Check Boxes input.chk:checked + label {background-image:url(../img/ic_checkbox_.gif)}*/ input.chk + label{padding:0;background-image:none;}
textarea {border:none; width:302px; padding:4px; background:white url(../img/bk_textarea.gif) no-repeat;}
label {display:block}
acronym {border:none;}

.fl {float:left}
img.fl {margin:0 2em 1em 0}
.fr {float:right}
img.fr {margin:0 0 1em 2em}
.h {display:none}
.clr {clear:both;height:0;overflow:hidden}



/*---------- Generic Styles ---------*/
.mt05 {margin-top:0.5em}
.mt10 {margin-top:1em}
.mt15 {margin-top:1.5em}
.mt25 {margin-top:2.5em}
.mb10 {margin-bottom:1em}
.pb10 {padding-bottom:1em}
.pt05 {padding-top:0.5em}
.h40 {height:4em}


/*---------- Structures ----------*/
div#header {height:6.6em; padding:0 2em; background:white url(../img/sh_hd.png) repeat-x 0 6em;}
	div#header img#logo {float:left;}
	div#header div.tabs {padding-top:3.3em}

div#body {margin:1.8em 2em}
	div#body #left_content0 {float:left; width:35em}
	div#body #right_content0 {margin-left:37em}
		div#body #right_content0 .bd {float:left}
		div#body #right_content0 .ft {float:left}
	div#body #left_content1 {float:left; width:27%; margin-right:2em}
	div#body #right_content1 {float:left; width:70%}

div#footer {margin:3em 0 1em}
	div#footer div.top div {height:10px}

body.popup {background:white none;}
body.pp1 {overflow:hidden}
	body.popup div#header {background-image:none}
	body.popup div#header h2 {display:block; float:right; padding-top:0.4em}
	body.popup div#body {margin:0}
		body.popup div#body .text {padding:2em}



/*---------- Text Styles ----------*/
input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:1em}
input.sbt, div.bt div a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; color:#333; font-weight:bold; text-decoration:none}

body.popup div#header h2 {font-size:3.4em; font-weight:normal; color:#ccc;}
body.popup div#body .text p {font-size:1.2em; margin-bottom:0.8em; color:#666}

#footer {font-size:1.1em; color:#fff; text-align:center}
#footer a {color:#fff}
#footer a:hover {background-color:transparent}

.para1 p,.para1 h4 {margin-bottom:1em}

.bx .bd h4 {font-size:1.8em; font-weight:normal; color:#333}
.bx .bd p,.bx .bd1 p {font-size:1.4em; font-weight:normal; color:#666666}
.bx .bd div.img_block p.txt3, .bx .bd p.txt3 {color:#333; font-size:1.3em}
.bx ul.list1 {font-family:Verdana, Arial, Helvetica, sans; font-weight:bold}
	.bx ul.list1 a {color:#666666; text-decoration:none; font-size:1.1em; padding:0.2em 0}
	.bx ul.list2 a {color:#666666; text-decoration:none; font-size:1.3em}
	.bx ul.list3 li,.bx ul.list3 li a {font-family:Verdana, Arial, Helvetica, sans; color:#666666; text-decoration:none; font-size:1.1em; font-weight:bold}
	.bx ul.list2 li.it span {color:#666666; font-size:1.3em; cursor:default}
	.bx_p a:hover {background-color:#F3CBFF}
		.bx ul.list1 a span {color:#ccc}
		.bx ul.list1 a:hover span {color:#999}

.pagination1 li a {font-size:1.8em; text-decoration:none; color:#999}
.pagination1 li a:hover {background-color:transparent; color:#333}

.download .info h5 {font-size:1.5em}
.download .info h6 {font-size:1em; font-weight:normal; color:#666666}

.bx div.errForm p {color:#E81515; font-weight:bold; font-size:1.1em}


/*---------- Modules -----------*/
/*tabs*/
.hd_tab {float:right; height:27px; margin-left:0.1em}
	.hd_tab a, .hd_tab span {display:block; height:19px; font-size:1.2em; padding:8px 14px 0; text-decoration:none}

.hd_tab0 {background:transparent url(../img/tb_b_l.gif) no-repeat}
	.hd_tab0 a {color:#fff; background:transparent url(../img/tb_b_r.gif) no-repeat right top}

.hd_tab1 {background:transparent url(../img/tb_p_l.gif) no-repeat}
	.hd_tab1 span {color:#fff; background:transparent url(../img/tb_p_r.gif) no-repeat right top; cursor:default}


/*boxes*/
.bx {margin:0 0 2em 0}
	.bx .hd {height:3.6em; padding:0.2em}
		.bx .hd div {height:3.6em; padding:0 1.7em}
	.bx .bd {background-color:#fff; padding:2em 2em 1em}
		.bx .bd h4 {margin-bottom:0.2em}
		.bx .bd div.img_block,.bx .bd div.txt_block {margin:1.5em 0 0}
		.bx .bd div.mt25 {margin-top:2.5em}
			.bx .bd div.img_block p,.bx .bd div.txt_block p {padding-bottom:0.5em}
	.bx .bd1 {background-color:#eee; padding:1em 2em}
	.bx .ft div {height:10px}
		.bx .ft div.cl {float:left; background:transparent url(../img/cr_l.gif) no-repeat; width:10px; overflow:hidden}
		.bx .ft div.cr {float:right; background:transparent url(../img/cr_r.gif) no-repeat; width:10px; overflow:hidden}
		.bx .ft div.cc {background-color:#fff; overflow:hidden}
		.bx .ft1 div.cl {background:transparent url(../img/cr_l_g.gif) no-repeat;}
		.bx .ft1 div.cr {background:transparent url(../img/cr_r_g.gif) no-repeat;}
		.bx .ft1 div.cc {background-color:#eee;}

/*orange box 0*/
.bx_o .hd {background:#F9D73B url(../img/bx_o_o.gif) repeat-x;}
	.bx_o .hd div {background:transparent url(../img/bx_i_o.gif) repeat-x;}
/*purple box 0*/
.bx_p .hd {background:#CC3BF9 url(../img/bx_o_p.gif) repeat-x;}
	.bx_p .hd div {background:transparent url(../img/bx_i_p.gif) repeat-x;}
/*green box 0*/
.bx_g .hd {background:#93DF00 url(../img/bx_o_g.gif) repeat-x;}
	.bx_g .hd div {background:transparent url(../img/bx_i_g.gif) repeat-x;}


/*lists*/
.bx ul.list1 {margin:1em 0}
	.bx ul.list1 li {padding:0 0 0.5em 1.4em}
	.bx ul.lst_o li {background:transparent url(../img/bl_square_o.gif) no-repeat 0 3px;}
	.bx ul.lst_p li {background:transparent url(../img/bl_square_p.gif) no-repeat 0 3px;}

.bx ul.list2 {margin:1em 0}
	.bx ul.list2 li {background:transparent url(../img/ic_mcogg_o.gif) no-repeat 0 3px; padding:0.2em 0 0.2em 2em}
	.bx ul.list2 li.it {background-image:url(../img/ic_mcogg_gg.gif)}
	
.bx ul.list3 {margin:0.2em 0 1.5em}
	.bx ul.list3 li {/*display:inline;*/}
	/*.bx ul.list3 li:after{content:", ";}*/
	.bx ul.list3 li.more {display:block; margin-top:0.5em}
	.bx ul.list3 li.more:after {content:""}

.bx ul.list4 {margin:0 0 0.4em}
	.bx ul.list4 li {background:none; padding-left:0}
		.bx ul.list4 li a {color:#999}


/*forms*/
form label {font-size:0.9em; color:#333; font-weight:bold}
form input {margin:0.2em 0}
form input.chk {margin-right:5px}
form p {margin-bottom:0.4em}
form label span {font-weight:normal}


/*tables*/
table.table1 {width:100%; margin:1em 0 0}
	table.table1 thead {text-align:left; font-size:1.1em; background-color:#eee; display:none}
			table.table1 thead tr th {padding:0.2em 0.5em}
	table.table1 tbody {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em;}
		table.table1 tbody tr.alt {background-color:#F3CBFF}
			table.table1 tbody tr td {padding:0.5em 0.5em 1em; font-size:0.9em;}
					table.table1 tbody tr td p.title a {font-weight:bold; font-size:0.9em; color:#666666}
					table.table1 tbody tr td p.title a:hover {color:#333; text-decoration:underline}
				table.table1 tbody tr td p.description {font-size:1.1em;}
				table.table1 tbody tr td p.tags {padding-top:0.2em; font-size:1.3em}
					table.table1 tbody tr td p.tags a {display:inline; float:none; padding:0.1em 0.25em; font-size:0.9em; border:1px solid #ccc}
					table.table1 tbody tr td p.tags a:hover {background-color:#F3CBFF;}
					table.table1 tbody tr.alt td p.tags a:hover {background-color:#999; color:#fff}
				table.table1 tbody tr td p a {color:#333; text-decoration:none; font-size:1.1em; display:block; padding-bottom:0.2em;}
				table.table1 tbody tr td a:hover {background-color:transparent; color:#000}
				table.table1 tbody tr td label {font-weight:normal; color:#666666;}

table.table2 {width:100%; margin:1em 0 0}
	table.table2 thead {text-align:left; font-size:1.1em; background-color:#eee}
			table.table2 thead tr th {padding:0.2em 0.5em}
	table.table2 tbody {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em;}
		table.table2 tbody tr.alt {background-color:#F3CBFF}
			table.table2 tbody tr td {padding:0.2em 0.5em; font-size:1em;}
				table.table2 tbody tr td label {font-weight:normal}

table.tb1 thead tr th:last-child {text-align:right}
table.tb1 tbody tr td:last-child {text-align:right; color:#999}


/*buttons*/
div.bt {margin-top:1em; padding-left:5px; height:30px; float:left; margin-right:1.5em; height:30px}
	div.bt div {padding-right:10px; height:30px}
		div.bt div input.sbt {padding-left:25px}
		div.bt div a {display:block; padding:8px 0 0 25px; height:21px}
		div.bt div a:focus {outline:none}
		div.bt div a:hover {background-color:transparent}

div.bt0, div.bt1:hover {background:transparent url(../img/bk_bt0_l.gif) no-repeat;}
	div.bt0 div, div.bt1:hover div {background:transparent url(../img/bk_bt0_r.gif) no-repeat top right;}
div.bt1 {background:transparent url(../img/bk_bt1_l.gif) no-repeat;}
	div.bt1 div {background:transparent url(../img/bk_bt1_r.gif) no-repeat top right;}

div.bt_o div input {background:transparent url(../img/ic_cogg_o.gif) no-repeat 0 2px}
div.bt_o div a {background:transparent url(../img/ic_cogg_o.gif) no-repeat 0 5px}
div.bt_g div input {background:transparent url(../img/ic_cogg_g.gif) no-repeat 0 2px}
div.bt_g div a {background:transparent url(../img/ic_cogg_g.gif) no-repeat 0 5px}
div.bt_p div input {background:transparent url(../img/ic_cogg_p.gif) no-repeat 0 2px}
div.bt_p div a {background:transparent url(../img/ic_cogg_p.gif) no-repeat 0 5px}


/*pagination*/
.pagination1 {float:right; padding-right:2em}
	.pagination1 li {float:right; margin-left:1em}
		.pagination1 li a:focus {outline:none}

/*downloads*/
.download {padding:1em 0}
	.download img {float:left}
	.download .info {margin-left:8.5em; background:white url(../img/bk_download.gif) 0 0 repeat-x; padding:0.5em}
		.download .info h6 {margin-bottom:1.5em}


/*walkthrough*/
div#SD_image_holder {background:white url(../img/an_loading.gif) no-repeat 420px 267px; height:555px}


/*errors*/
.bx div.errForm {}
.bx div.errForm p {padding-bottom:0.2em}


/*coggs*/
p.mcogg_p {background:transparent url(../img/ic_mcogg_p.gif) no-repeat; padding-left:1.6em}
p.mcogg_o {background:transparent url(../img/ic_mcogg_o.gif) no-repeat; padding-left:1.6em}


/*image blocks*/
.shopping {background:transparent url(../img/ic_dashnote.gif) no-repeat top right; padding:0em 10.5em 0 0; min-height:10.2em}
.chat {background:transparent url(../img/im_talk.gif) no-repeat 0 0; padding-left:12.5em; min-height:6.8em}
.findout {background:transparent url(../img/im_question.jpg) no-repeat 1em 0; padding-left:12.5em; min-height:8.4em}
.notes {background:transparent url(../img/im_note.jpg) no-repeat top right; padding:1.5em 17.0em 0 0; min-height:15.2em}
.dashboard {background:transparent url(../img/im_dashboard.jpg) no-repeat top left; padding-left:11.5em; min-height:8.9em}
.mobile {background:transparent url(../img/im_phone.jpg) no-repeat top right; padding:1.5em 17.0em 0 0; min-height:12.7em}
.rss {background:transparent url(../img/im_rss.gif) no-repeat 1.5em 0; padding:0 0 0 11.5em; min-height:10em}
.discussion {background:transparent url(../img/im_talk.jpg) no-repeat top right; padding-right:14.5em; min-height:6.8em}