html,body {
	height: 100%;	
	margin: 0px;
}
body {
	background-color: #000000;
	background-image: url(images/cp002.jpg);
	background-repeat: no-repeat;
	background-position: 35px 70px;	
	padding-top: 0px;
}

body,p,textarea {
	font-family: verdana, arial;
	font-size: 10pt;	
}

#code_holder {
	margin-top: 0px;
	width: 750px;	
	background-color: #191919;
	border-top: solid 1px #00fe20;
	overflow: auto;
	color: #c6c6c6;
	height: 550px;	
	padding: 10px;
	margin-left: 30px;
}

textarea {
	width: 750px;
	height: 550px;	
	border: none;
	border-top: solid 1px #00fe20;
	color: #c6c6c6;
	font-size: 9pt;
	background-color: #191919;
	margin-left: 35px;
	overflow: auto;
	display: block;
	margin-top: 0px;
	padding: 10px;
	padding-left: 10px;

}
#frame_code_holder {
	margin-left: 35px;
}

form {
	margin: 0px;	
}
p#language_drop {
	font-weight: bold;	
	color: #888785;
	text-align: right;
	
	width: 783px;
	margin-left: 21px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
input.name {
	margin-left: 30px;
	margin-bottom: 2px;
	margin-right: 2px;
	
	
        border: solid 1px #e99100;
        color: #e99100;
        font-weight: normal;
        background-color: #4d3001;
        width: 200px;
        height: 22px;
		padding-left: 10px;


}

#small_glue {
	width: 31px;
	height: 77px;	
	position: absolute;
	z-index: 3;
	top: 5px;
	left: 15px;
}


h2 {
	font-size: 11pt;
	color: #000000;
	margin-top: 0px;	
}

#header {
	height: 110px;
	width: 500px;
	border: none;	
	margin: 0px;
	clear: both;
	float: none;
	display: block;
}






#footer {
	width: 803px;
	text-align: right;
	padding-bottom: 40px;	
	margin-top: 3px;
}

#footer p, #footer a {
	color: #c7c7c7;	
	font-size: 7pt;
	margin: 0px;
}
#footer a {
	text-decoration: underline;	
	
}
#footer a:hover {
	color: #ffffff;
}



#code_holder div {
	overflow: auto;
	width: auto;	
}
pre, pre ol { color: #c6c6c6; }
#code_holder a {
	color: #ffffff;
}


#switch {
	position: absolute;
	left: 806px;
	top: 102px;	
	display: block;
	width: 52px;
	height: 63px;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/cp2/skins/dark/images/switch.png');
	curser: pointer;
}
#switch img {
	border: none;	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity='0');

}

#right_ad {
	position: absolute;
	left: 841px;
	top: 110px;
	padding: 5px;
	background-color: #3f3f3f;	
}



/*	navigation 	*/
#top_nav {
	height: 51px;
	background-image: url(images/nav_bg.gif);
	background-repeat: repeat-x;
	background-color: #ededed;
	border-bottom: solid 1px #a1a1a1;
}

ul.navigation {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	min-width: 760px;
	padding-left: 53px;
	width: 984px;
}

#top_nav ul.navigation {
	background-image: url(images/sails.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 51px;
}
ul.navigation li, ul.navigation a {
	display: block;
	float: left;
	color: #3c3c3c;
	font-size: 14pt;
}
ul.navigation li {
	border: solid 0px #000;
}

ul.navigation a {
	color: #3c3c3c;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

ul.navigation li a:hover,ul.navigation li.current a {
	background-color: #e7e7e7;
	background-image: url(images/nav_hover.gif);
	background-repeat: repeat-x;
}

ul.navigation ul {
	display: none;
	position: absolute;
	z-index: 3;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 27px;
	background-color: #ededed;
	background-image:  url(images/nav_sub_bg.gif);
	background-repeat: repeat-x;
	clear: both;
	height: auto;
	
	border: solid 1px #a1a1a1;
	margin-top: 51px;
	padding-top: 5px;
}

ul.navigation li.current ul {
	display: block;
}

ul.navigation li ul li {
	border-bottom: solid 1px #ededed;
	padding: 0px;
}

ul.navigation li ul li, ul.navigation li ul li a {
	font-size: 10pt;
	float: none;
}
ul.navigation li ul li a {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 200px;
	margin: 0px;
	border: none;
}
ul.navigation li.new_section a,
ul.navigation li.new_section li.new_section a {
	border-top: solid 1px #cecece;
}
ul.navigation li.new_section li a {
	border-top: none;
}

ul.navigation li.current ul li a, ul.navigation li.current ul li.current ul li a,
ul.navigation li.current ul li.current a, ul.navigation li.current ul li.current ul li.current a,
ul.navigation li.current ul li a:hover, ul.navigation li.current ul li.current ul li a:hover
{
	background: none;
}
ul.navigation li.current ul li a:hover, ul.navigation li.current ul li.current a,
ul.navigation li.current ul li.current ul li a:hover, ul.navigation li.current ul li.current ul li.current a
{
	background-color: #dddddd;

}
ul.navigation li.current ul li.current {
	border-bottom-color: #dddddd;
}


ul.navigation li.current ul li ul {
	display: none;
	background-image: none;
	padding-top: 0px;
}
ul.navigation li.current ul li.current ul {
	display: block;
	margin-top: -29px;	
	margin-left: 220px;
}







ul.navigation li.disabled a {
	color: #bbb;
font-style: italic;
}

ul.navigation li.current ul li.disabled a:hover, ul.navigation li.disabled a:hover {
	background-color: #EDEDED;
}








/* float panel */

#float_panel {
	width: 560px;
	min-height: 200px;
	position: absolute;
	z-index: 2;
	top: 100px;
	left: 100px;
	background-color: #EDEDED;
	border: solid 1px #A1A1A1;
	display: none;
}

#float_panel p.options {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#float_panel p.options a {
	background-image: url(../../images/close.png);
	background-repeat: no-repeat;
	width: 0px;
	height: 16px;
	display: block;
	float: right;
	overflow: hidden;
	padding-left: 16px;
	margin: 2px;
}
#float_panel p.options a:hover {
	background-image: url(../../images/close-over.png);
}

#body.unfocused {
	opacity: .5;
}




#float_panel h1 {
	font-weight: normal;
}

#float_panel h1 small {
	font-size: 8pt;
}
#float_panel a {
	color: #8C6BB3;
	text-decoration: none;
}
#float_panel a:hover {
	text-decoration: underline;
}
#about p#version {
	margin-top: -20px;
	padding-top: 0px;
	font-size: 7pt;
	margin-left: 4px;
	margin-bottom: 60px;
}

#about img {
	margin-right:  10px;
	margin-top: -40px;
}
#about p {
	font-size: 9pt;
}
.key_list {
	background-color: #000;
	color: #999;
	padding: 10px;
	margin-bottom: 10px;
}
#float_panel .key_list a {
	color: #990000;
	font-weight: bold;
}
.key_list.loading {
	height: 100px;
}



/** page-form **/
fieldset legend {
	color: #8cb36b;
	font-weight: bold;
	background-color: #fff;
	padding: 3px;
	padding-right: 10px;
	padding-left: 10px;
	
	border: solid 1px #a1a1a1;
}

#page_edit_form {
	width: 510px;
}
fieldset label {
	display: block;
}

fieldset input {
	width: 300px;
	font-size: 14pt;
	padding: 10pt;
	margin-bottom: 2px;
	border: solid 1px #a1a1a1;
}
fieldset option, fieldset select {
	width: 300px;
	margin-bottom: 2px;
}
fieldset select {
	padding: 3px;
}
fieldset label span {
	width: 105px;
	display: block;
	float: left;
	font-weight: bold;
}
fieldset label.name span {
	padding-top: 20px;
}
fieldset {
	margin-bottom: 10px;
	padding: 15px;
}
fieldset {
	background-color: #EDEDED;
	background-image:url(images/fieldset-background.png);
	background-repeat:repeat-x;
	border: solid 1px #a1a1a1;
	
	
}

#status{
	background-color: #8cb36b;
	padding: 5px;
	padding-left: 25px;
	padding-right: 10px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 1px;
	display: none;
	position: absolute;
	width: 360px;
	top: 55px;
	left: 400px;
}
#status.loading {
	display: inline;	
	background-image: url(images/ajax-loader.gif);
	background-position: 3px 3px;
	
}

.loading {
	background-image: url(images/ajax-loader-on-grey.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.padder {
	margin: 20px;
}

#paste_form  textarea{
	width: 300px;
	height:	200px;
}

p#public_key {
	color: #999;
	position: absolute;
	left: 400px;
	top: 85px;
	font-size: 15pt;
}

#properties h1, #properties p {
	margin: 0px;
	padding: 0px;
}