/** colors **/
.color1 { color: #595441; }
.color2 { color: #B9B09D; }
.color3 { color: #FFFFFF; }
.color4 { color: #69BFDE; }
.color5 { color: #4A8797; }
.bgcolor1 { background-color: #595441; }
.bgcolor2 { background-color: #B9B09D; }
.bgcolor3 { background-color: #FFFFFF; }
.bgcolor4 { background-color: #69BFDE; }
.bgcolor5 { background-color: #4A8797; }

/** page layout **/
/** { -moz-box-sizing: border-box; box-sizing: border-box; }*/
body, input, textarea {
	/*
	font-family: sans-serif;
	font-size: 67.5%;
	*/
	font-family: Verdana;
	font-size: 80%;
	color: #595441;
	margin: 0;
}
/*a { color: #69BFDE; text-decoration: none; }*/
input, textarea, p { font-size: 1em; }
a img { border: 0; }
h1, h2, h3 { clear: both; }

a.underline {
	text-decoration: underline;
}

th { text-align: left; }

.fixed { margin: 5px; display: block; }
.fixed span { display:block; clear: left; float: left; width: 10em; }
.required { font-weight: bold; }

.errors { border: 2px solid #f00; background: #efefef; padding: 10px; }
.errors > * { margin: 0; }
.flash-notice { border: 2px solid #efefef; padding: 10px; }

#snippetDependencyList { float: left; margin: 0 0 10px 15px; padding: 0; }
#snippetDependencyPool { display: block; float: left; }
.snippetDependencyVersion { float: left; }

/** box elements **/
#header { position: absolute; right: 0; top: 0; left: 0; background: url('/images/bg-header.png') right bottom no-repeat #fff; height: 148px; }
    #rainbow div { width: 20%; float: left; height: 25px; }
    #header #phpeditLogo { position: absolute; top: 45px; left: 10px; }
    #header #waterproofLogo { position: absolute; right: 15px; top: 50px; }
    #header #sections { position: absolute; bottom: -0.3em; left: 10px; height: 1em; list-style: none; margin: 0; padding: 0; }
    #header #sections li { float: left; white-space: nowrap; }
    #header #sections li a { padding: 5px 10px 5px 10px; background-color: #B9B09D; color: #595441; margin: 0 5px 0 0; border-bottom: 2px solid #000; text-decoration: none; }
    #header #sections li.active a { padding: 5px 10px 5px 10px; background-color: #595441; color: #fff; margin: 0 5px 0 0; border-bottom: 2px solid #000; text-decoration: none; }
    #header #sections a:hover, #header #sections a:focus { background-color: #595441; color: #fff; }

    .tutorialPage #header #sections #tutorialLink a, .tipPage #header #sections #tipLink a,
        .pastePage #header #sections #pasteLink a, .snippetPage #header #sections #snippetLink a,
        .keyboardTemplatePage #header #sections #keyboardTemplateLink a, .actionPage #header #sections #actionLink a { background-color: #69BFDE; color: #000; }


#pageContent {
	margin: 0px 0px 20px 10px;
	width: 620px;
	float: left;
}

#pageRight {
	margin: 0px 0px 20px 10px;
	width: 220px;
	float: right;
}

#footer { width: 70%; margin: 100px 310px 20px 10px; text-align: center; color: #B9B09D; }
#footer a { color: #69BFDE; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer ul li { display: inline; margin: 0 10px 0 10px; }

#sidebar { width: 228px; background: url('/images/bg-sidebar.png') repeat-y; position: absolute; right: 80px; top: 0; height: 100%; padding: 0 30px 0 30px;/* -moz-border-*/}
    #sidebar a { color: #4A8797; }
    #sidebar #login { margin: 0; }
    #sidebar #login label { margin: 5px 0 5px 0; padding: 0; display: block; }
    #sidebar #login label #email, #sidebar #login label #password { width: 100%; }
    #sidebar #login #loginButton { float: right; }

    #sidebar #sidebar-search { float: right; }

/* Added by sjaune */

div.buttons-block {
	border-top: 1px solid #c2c2c2;
	padding: 10px;
	margin: 10px 0 0 0;
	text-align: right;
	clear: both;
	float: left;
	display: block;
	width: 100%;
}

div.buttons-block input {
	background: transparent url(/images/button.png) 0 0 no-repeat;
	border: none;
	text-transform: uppercase;
	font-family: Verdana;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
	height: 25px;
	width: 130px;
}

div.buttons-block input:hover { background-position: 0 -26px; }

div.item-actions {
	padding: 10px 0;
	border-top: 1px solid #CCC;
	background-color: #FFF;
}

fieldset span.mceEditorContainer {
	float: left;
}

fieldset input, fieldset textarea { width: 500px; }
fieldset textarea { height: 300px; }

div.content-show div.class-tip div.attribute-image {
	float: left;
	margin-right: 15px;
}

.float-break
{
	height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
	content: "-";
	height: 0;
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

pre {
	background-color: #FFF;
	padding: 6px 2px;
	border: 1px solid #CCC;
	font-size: 10pt;
}

.float-left {
	float: left;
	width: 45%;
}

.float-right {
	text-align: right;
	float: right;
	width: 45%;
}

div.hp-block
{
	text-align: left;
}
div.hp-block .top a { text-decoration: none; color: #000; }

label.approved {
	clear: both;
}
.tip-content a { text-decoration: none; color: #000; }

/* Boxes */
table.box {
	width: 214px;
}

table.box tbody tr.top td {
	height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: bold;
}

table.box tbody tr.content td {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	overflow: hidden;
}

table.box tbody tr.bottom td {
	height: 47px;
	text-align: right;
	padding-right: 10px;
}

table.home tbody tr.top td {
	background-image: url('../images/layout/home/box_top.png');
	background-repeat: no-repeat;
}

table.home tbody tr.content td {
	background-image: url('../images/layout/home/box_repeat.png');
	background-repeat: repeat-y;
}

table.home tbody tr.bottom td {
	background-image: url('../images/layout/home/box_bottom.png');
	background-repeat: no-repeat;
}

table.action tbody tr.top td {
	background-image: url('../images/layout/action/box_top.png');
	background-repeat: no-repeat;
}

table.action tbody tr.content td {
	background-image: url('../images/layout/action/box_repeat.png');
	background-repeat: repeat-y;
}

table.action tbody tr.bottom td {
	background-image: url('../images/layout/action/box_bottom.png');
	background-repeat: no-repeat;
}

table.keyboardTemplate tbody tr.top td {
	background-image: url('../images/layout/keyboardTemplate/box_top.png');
	background-repeat: no-repeat;
}

table.keyboardTemplate tbody tr.content td {
	background-image: url('../images/layout/keyboardTemplate/box_repeat.png');
	background-repeat: repeat-y;
}

table.keyboardTemplate tbody tr.bottom td {
	background-image: url('../images/layout/keyboardTemplate/box_bottom.png');
	background-repeat: no-repeat;
}

table.paste tbody tr.top td {
	background-image: url('../images/layout/paste/box_top.png');
	background-repeat: no-repeat;
}

table.paste tbody tr.content td {
	background-image: url('../images/layout/paste/box_repeat.png');
	background-repeat: repeat-y;
}

table.paste tbody tr.bottom td {
	background-image: url('../images/layout/paste/box_bottom.png');
	background-repeat: no-repeat;
}

table.snippet tbody tr.top td {
	background-image: url('../images/layout/snippet/box_top.png');
	background-repeat: no-repeat;
}

table.snippet tbody tr.content td {
	background-image: url('../images/layout/snippet/box_repeat.png');
	background-repeat: repeat-y;
}

table.snippet tbody tr.bottom td {
	background-image: url('../images/layout/snippet/box_bottom.png');
	background-repeat: no-repeat;
}

table.tip tbody tr.top td {
	background-image: url('../images/layout/tip/box_top.png');
	background-repeat: no-repeat;
}

table.tip tbody tr.content td {
	background-image: url('../images/layout/tip/box_repeat.png');
	background-repeat: repeat-y;
}

table.tip tbody tr.bottom td {
	background-image: url('../images/layout/tip/box_bottom.png');
	background-repeat: no-repeat;
}

table.tutorial tbody tr.top td {
	background-image: url('../images/layout/tutorial/box_top.png');
	background-repeat: no-repeat;
}

table.tutorial tbody tr.content td {
	background-image: url('../images/layout/tutorial/box_repeat.png');
	background-repeat: repeat-y;
}

table.tutorial tbody tr.bottom td {
	background-image: url('../images/layout/tutorial/box_bottom.png');
	background-repeat: no-repeat;
}

table.none {
	width: auto;
}

table.none tbody tr.top td {
	background-image: none;
}

table.none tbody tr.content td {
	background-image: none;
}

table.none tbody tr.bottom td {
	background-image: none;
}

.item-title {
	font-weight: bold;
	clear: both;
}

.item-title a {
	color: #595441;
	text-decoration: none;
}

.item-title a:hover, .item-title a:focus {
	text-decoration: underline;
}

.item-details-owner {
	float: left;
	padding-top: 5px;
}

.item-details-date {
	float: right;
	padding-top: 5px;
	color: #989898;
}

.item-details-ruler-home {
	border-bottom: 1px solid #b99f81;
	height: 10px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.item-details-ruler-tutorial {
	border-bottom: 1px solid #a19b4d;
	height: 10px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.item-details-ruler-tip {
	border-bottom: 1px solid #3b9079;
	height: 10px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.item-details-ruler-snippet {
	border-bottom: 1px solid #2c90c1;
	height: 10px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.item-details-ruler-keyboardTemplate {
	border-bottom: 1px solid #5552a1;
	height: 10px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.printOnly { display: none; }

p.bordered {
	background-color: #FFF;
	padding: 6px 2px;
	border: 1px solid #CCC;
}

.infos {
	width: 100%;
}

tr.top-menu td a.menu:link, tr.top-menu td a.menu:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

tr.top-menu td a.menu:active, tr.top-menu td a.menu:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

input#remember_me, input#approved {
	width: auto;
}