/* Global */
body,html { 
	background: url('/media/images/template/body.png') repeat-x #F2F2F2; color: #556161; margin: 0;
}
body, table, td, p, ul, ol, input, select, textarea, span, button { 
	font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal;
}

a, a:link, a:active { text-decoration: none; color: #78AD33; font-weight: normal; outline:none; }
a:hover { text-decoration:  underline; } 
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 32px; margin:  0 0 15px 0; padding: 0; color: #78AD33; font-family: Georgia; font-weight: bold;} 
h2 { font-size: 25px; margin: 15px 0 15px 0; font-family: Georgia; color: #222E2E; }
h3 { font-size: 19px; margin: 15px 0 15px 0; line-height: 1.2em; color: #222E2E; }
h4 { font-size: 15px; margin: 15px 0 15px 0; }

h1.black { font-weight:bold; font-size:23px; color:#243030; margin:0; margin-top:15px; margin-bottom:5px;}
span.h1black { font-weight:bold; font-size:23px; color:#243030; }
div.white_block { background:#e5e5e5; padding:10px; }
div.white_box   { background:#fff; padding:4px; margin-bottom:10px; }
div.white_box p { font-size:14px; margin:6px; } 

p { line-height: 1.4em; margin: 12px 0 12px 0; }

ul, ol { margin: 10px 0 10px 0;  }
li { margin: 2px 0 2px 0; }
strong { font-weight: bold; }

span {  }
hr { margin: 20px 0 20px 0; height: 1px; border: none; color: #726C16; background-color: #726C16; }
label {  }

/* Layout */
#wrapper { height: auto; margin: 0 auto 0 auto; width: 960px; padding: 0;  }
#header { padding: 0; margin:  0; height: 108px; }
#content { margin: 30px 0 0 0; }
#footer {  }

#menu { padding-left: 175px; margin-top: 50px;  float: left; }
#logo { float: left;  }

.left { width: 465px; float: left; display: inline; margin: 0 15px 0 0; }
.right { width: 465px; float: left; display: inline; margin: 0 15px 0 0; }

/* Menus */
#menu ul { margin:  0; padding:  0;  }
#menu ul li { list-style-type:  none; padding:  0; margin: 0; float: left; }
#menu ul li a { display: block; color: #FFFFFF; text-decoration: none; font-size: 17px; font-weight: normal; padding: 5px 15px; font-family: Helvetica, Arial; margin-right:3px; display:block; }
#menu ul li a:hover { color: #78AD33; background-color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.sel_home a#menu_home,
div.sel_signup a#menu_signup,
div.sel_support a#menu_support,
div.sel_login a#menu_login,
div.sel_profile a#menu_profile,
div.sel_project a#menu_project { color: #78AD33; background-color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*border-bottom: 1px solid #78AD33;*/ }


/* General */
.clear { clear: both; }
.clear:after { content: "."; display: block; height:  0; clear: both; visibility: hidden; }

.absmiddle { vertical-align: middle; }

.spacer { border-bottom: 1px solid #723E11; margin: 0 0 25px 0; padding: 0 0 25px 0; }

.float { float: left; display: inline; }
.hiddenText { display:  none; background-color: #D7D4C1; padding: 15px; }

span.red { color: #CC0000; }
span.green { color: #92DDD7; }
span.grey, a.grey { color: #514943; }

.white { background-color: #FFFFFF; }
.padding_25 { padding: 25px; }
.margin_25 { margin: 25px; }

.centre { margin: 0 auto 0 auto; }

.large { font-size: 110%; }
.small { font-size: 90%; }
.no_margin_top { margin-top: 0 !important; }

.text_centre { text-align: center; }
.text_right { text-align: right; }
.text_left { text-align: left; }
.img_left { float: left; display: block; margin: 0 10px 0 0; }
.img_right { float: right; margin: 0 0 0 10px; }


/* Forms */
input[type="text"], input[type="password"] {  }
input[type="text"], input[type="password"], textarea, select { color: #000000; font-size: 17px; border: 1px solid #DDDDDD; padding: 10px; width: 300px;  -moz-border-radius: 4px; -webkit-border-radius:4px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { -moz-box-shadow:0 0 6px #7bd307; -webkit-box-shadow:0 0 6px #7bd307; padding: 10px; outline: 0 none; }
input#manage_py_input { background:url('/media/images/icons/terminal.png') no-repeat; padding-left: 20px; background-position:2px 10px; background-color:#fff; }
select#django_version { width: auto; }
textarea#live_log, textarea#manage_py_output { font-size:12px; }
p.green { color:#66a11b; font-size:14px; }


.fieldWrapper 	{ margin: 0 0 15px 0; }
.fieldWrapper label	{ display: block; margin: 0 0 5px 0; }
.fieldWrapper span	{ display: block; margin: 0 0 5px 0; font-size: 90%; color: #999999; }
.fieldWrapper .fieldRequired input { border: 1px solid #CC0000; }
.fieldError 	{ }
.fieldHelp 	{ }

.submit { margin: 30px 0 30px 0; }
.cancel { background-color: #A3A26C; padding: 3px 2px 3px 2px; }

/* errors ul */
ul.errorlist { display: block; /*margin: 0 0 0 20px;*/ padding: 0; width:340px; list-style: none; background: url('/media/icons/delete.gif') no-repeat; }	/* Django error messages */
ul.errorlist li { display: inline; color: #8a1f11; margin: 0; padding: 0; }

/* package ul */
ul.package_options li      { float:left; margin-right:14px; }
ul.package_options li p    { color: #222e2e; font-size: 17px; }
ul.package_options li div  { width:224px; height:87px; text-align:center; background:url('/media/images/general/package_opt_box.png') no-repeat; line-height:87px; color:#243030; font-weight:bold; font-size:23px; }
ul.package_options li span { color: #78ad33; font-weight:bold; font-size:23px;  }

div.link_infos          { background-color:#d8d8d8; padding-bottom:10px; padding-top:10px;}
div.link_infos_bottom   { background-color:#d8d8d8; padding:0 10px 5px 10px; }
div.link_infos p.show   { color:#253131; font-weight:bold; font-size:16px; background:url('/media/images/icons/i_link_arrows.png') right center no-repeat; background-position: 190px -15px; padding-left:8px; height:15px; line-height:16px; }
div.link_infos p.show a { color:#253131; display:block; }
div.link_infos p.opened { background-position: 190px 0px; }
div.link_infos p,
div.link_infos_bottom p { margin:0; font-size:13px; color:#556161; }
div.link_infos_bottom p span { color:#66a11b; }
div.link_infos_bottom p a { color:#556161; }

div.error, div.notice, div.success { padding: .8em; margin-bottom: 20px; border: 2px solid #ddd; }	/* Error messages */
div.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
div.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
div.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

label.error { color: #8a1f11; /*display: inline; padding-left: 15px; */}  /* Jquery form validator styles */
input.error, textarea.error, select.error { border: 2px solid #CC0000; }