/*Reset*/

html, body, div, span, img, applet, embed, canvas, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
padding:0;
outline:0 none;
}

/*Basic*/

body {background:#fff;}

body, input, textarea {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:normal;
color: #222;
}

label, input {vertical-align:middle;}

a, a:visited {color: #247CFF; font-weight:bold; text-decoration:none;}
a:hover, a.active {color:#247CFF;text-decoration:underline;}

h1 {
font-size:21px;
font-weight:normal;
color:#247CFF;
margin-bottom:20px;
}

h2 {
font-size:16px;
font-weight:normal;
color:#fff;
margin-bottom:8px;
}

h3 {
font-size:14px;
font-weight:bold;
color:#247CFF;
margin-top:10px;
margin-left:30px;
}


ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

blockquote, q {quotes:none;}

:focus {outline:0 none;}

div.clear {
clear:both;
//font-size:0; /*ie6*/
//height:0; /*ie6*/
//line-height:0; /*ie6*/
}

div.hr {
clear:both;
height:1px;
width:auto;
//font-size:0; /*ie6*/
//line-height:0; /*ie6*/
background:#247CFF;
}

/*Input*/

input.button {
width:360px;
height:30px;
line-height:30px;
background: url(images/button_long.jpg) no-repeat;
padding-bottom:2px;
margin:0;
border: 0 none;
font-size:14px;
color:#fff;
font-weight:bold;
cursor:pointer;
}

input.button2 {
width:120px;
height:30px;
line-height:30px;
background: url(images/button_short.jpg) no-repeat;
padding-bottom:2px;
margin:0;
border: 0 none;
font-size:14px;
color:#fff;
font-weight:bold;
cursor:pointer;
}

input.text {
border: 1px solid #9C9C9C;
padding:2px;
margin:0;
height:16px;
}
input.text_600 {width:594px;}
input.text_200 {width:194px;}
input.text_180 {width:174px;}
input.text_60 {width:54px;}

select {
border: 1px solid #9C9C9C;
height:22px;
padding-top:1px;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
vertical-align:middle;
}
select.select_80 {width:80px;}
select.select_110 {width:110px;}
option {padding:2px 3px;}

input.checkbox, input.radio {
padding:0;
margin:0;
width:15px;
height:15px;
vertical-align:text-bottom;
}

textarea {
margin:0px;
padding:3px;
border: 1px solid #9C9C9C;
vertical-align:text-top;
overflow:auto;
}
textarea.textarea_320 {
width:312px;
height:62px;
background-color: #247CFF;
color: #FFFFFF;
border: 0px none;
}

select.labelled {margin-left:-3px;}

/*Layout*/

#wrapper {
position:relative;
width:800px;
}

#menu {
position:relative;
overflow:hidden;
margin-bottom: 20px;
}

#main{
position:relative;
width:760px;
padding-left:20px;
}

/*Menu*/

#logo {
clear:both;
height:140px;
margin-left:10px;
margin-bottom:0;
}
#logo span {display:none;}
#logo img {display:block;}

#navigation {
float:left;
height:40px;
padding: 0 10px 0 20px;
background: #247CFF url(images/menu_end.gif) no-repeat right top;
}
#navigation li {
display:block;
float:left;
height:40px;
line-height:40px;
padding-right:20px;
}
#navigation a, #navigation a:visited {
font-size:18px;
color:#CCE0FF;
font-weight:bold;
text-decoration:none;
}
#navigation a:hover, #navigation a.active {
color:#fff;
text-decoration:none;
}

#user{
position: absolute;
top: 0;
right: -180px;
width: 180px;
padding: 40px 10px 20px 10px;
background:#333 url(images/login_bottom.gif) no-repeat left bottom;
color:#fff;
}
#user a, #user a:visited {color:#CCE0FF;}
#user div.hr {background:#fff;margin:8px 0;}
#user label {
display:block;
height:24px;
line-height:24px;
}
#user input.button2 {
background: url(images/button_login.jpg) no-repeat;
margin-top:12px;
}
#user .container {margin-bottom:6px;}

/*Main*/

.container {margin-bottom:30px;}
.container p {margin-bottom:6px;}
.container ul {
margin-bottom:12px;
list-style-image: url(images/list.gif);
}
.container li {margin-left:20px;margin-bottom:6px;}

p.description {margin-bottom:12px;}

label {
display:inline-block;
font-weight:bold;
margin-right:10px;
width:140px;
}

table {empty-cells:show;margin-bottom:12px;}
td {
padding:10px 0;
background:#E6F0FF;
border-bottom:4px solid #fff;
}
td.noborder {border-bottom:0 none;padding-bottom:0;}
table.additem td {background:transparent;}

ul.howtowrite li {margin-bottom:6px;}

a.list_item, a.list_item:visited {
font-size:14px;
font-style:italic;
color:#222;
line-height:22px;
}
#user a.list_item, #user a.list_item:visited {
display:inline-block;
color:#fff;
line-height:normal;
padding-top:6px;
}

/*Error*/

.error{color: #FF3333;}

.selected_embed{
	background-color: #247CFF;
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
}

.noselected_embed{
	background-color: #7AAFFF;
	padding: 2px;
	font-weight: bold;
}

#embed_container a{
	color: #CCE0FF;
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
}

#embed_container a:hover{
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
}

.embed_settings{
		background-color: #247CFF;
		width:312px;
		color: #FFFFFF;
		border: 0px none;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 2px;
		padding-bottom: 2px;
}
