*{margin:0;padding:0;border:none;outline:none;}

html, body {min-height:100%;}

body {
color:#fff;
font-size:16px;
font-family:Arial,sans-serif;
background:#242b31;
}

a span {cursor:pointer;}

input,textarea,select {font-family:Arial,sans-serif;}

textarea,
select,
input {
padding:1px;
margin:0;
border:1px solid #2f383f;
background:#dedede;
}

textarea:hover,
select:hover,
input:hover {border:1px solid #fff;}

textarea:focus,
select:focus,
input:focus {
border:1px solid #aeec38;
background:#fff;
}

.error,
.red {color:red;}

.hide {display:none !important;}

.clear {
display:block;
height:1px;
content:".";
clear:both;
}

.scrollLink {
display:block;
color:#fff;
text-align:center;
text-decoration:none;
margin:5px 0 0 0;
padding:0 0 10px 0;
}

.scrollLink:hover {text-decoration:underline;}

#wrap {
margin:20px auto;
width:790px;
}

/*==== PLEX LOGO AREA */
#headerLogo {
float:left;
padding:0;
width:440px;
}


#headerLogo img {
float:left;
padding:15px 0 0 5px;
}

#headerLogo h1 {
float:left;
color:#fff;
font-size:20px;
font-style:italic;
font-weight:normal;
letter-spacing:1px;
padding:24px 0 0 8px;
}

#headerLogo h1 b {
color:#7ac9ff;
font-size:20px;
font-style:normal;
}

/*==== MENU / HEADER */
#menu {
height:130px;
width:770px;
padding:0 20px 0 0;
}

.menuitem{
float:left;
text-align:center;
width:70px;
margin:0 0 0 10px;
}

.menuitem a img {padding:35px 0 10px 0;}

.menuitem a {
display:block;
color:#fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.menuitem a span {
display:block;
height:19px;
}

.menuitem a span:hover {text-decoration:underline;}

/*==== MAIN CONTENT */
#text {width:790px;}

#text h2{
clear:both;
color:#c8eeff;
font-size:15px;
height:32px;
padding:3px 0 0 45px;
margin:5px 0 10px 0;
background:transparent url(image/mouseTrails.gif) no-repeat top left;
}


#text h2 a{
color:#b4d8ff;
font-size:15px;
text-decoration:none;
}

#text p {
font-size:15px;
margin:10px 5px;
}

#text p.nothing {
font-size:18px;
text-align:center;
}

/*==== MAIN CONTENT HOLDER  */
#pages {padding:0 5px;}

/*==== LEFT PANEL  */

#pageDetails {
float:right;
width:260px;
padding:5px 0 0 0;
background:#191f23 url(image/sidepageBackground.gif) no-repeat top left;
}

#pageDetails p {
font-size:13px;
text-align:justify;
padding:5px 10px;
}

#pageDetails p a{color:#aeec38;}
#pageDetails p b{color:#ec3878;}

#detailsClose {
clear:both;
height:5px;
background:transparent url(image/sidepageBackgroundClose.gif) no-repeat bottom left;
}

#pageDetails h3 {
color:#c3ffa9;
font-size:16px;
text-align:center;
padding:10px 5px ! important;
margin:0 10px 5px 10px ! important;
border-bottom:1px dotted #2f383f ! important;
}

.smallmenudiv {padding:2px 10px;}

.smallmenudiv a {
display:block;
height:40px;
color:#737d88;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 2px;
}

.smallmenudiv span {
float:left;
color:#6aafff;
padding:11px 0 0 10px;
}

.smallmenudiv a:hover span {color:#fff;}

.smallmenudiv img {float:left;}

#createCatagory {
text-align:center;
padding:10px 0;
margin:0 10px;
border-bottom:1px dotted #2f383f ! important;
}

#createCatagory p {
color:#fff;
text-align:center;
padding:0 0 8px 0;margin:0;
}

#createCatagory .textInput,
#createCatagory .textArea {
width:185px;
padding:3px;
margin:5px 0;
border-width:2px;
font-size:16px;
}

#createCatagory label {
color:#6aafff;
font-size:14px;
font-weight:bold;
}

#manageCatagory {
padding:5px;
margin:0 10px;
}

#manageCatagory div {
height:20px;
padding:5px;
margin:5px;
}

#manageCatagory div span {
float:left;
color:#8c9aa4;
font-size:13px;
font-weight:bold;
}

#manageCatagory div:hover span {
color:#b3e0f1;
text-decoration:underline;
}

#manageCatagory div a {float:right;}


/*==== RIGHT PANEL  */
#right h3 {
color:#c3ffa9;
font-size:16px;
text-align:center;
padding:10px 5px ! important;
margin:0 10px 5px 10px ! important;
border-bottom:1px dotted #2f383f ! important;
}

#right {
float:left;
width:512px;
padding:5px 0 0 0;
background:#191f23 url(image/pageBackground.gif) no-repeat top left;
}

#pageClose {
clear:both;
height:5px;
background:transparent url(image/pageBackgroundClose.gif) no-repeat bottom left;
}

.menudiv {
padding:5px;
margin:0 10px 5px 10px;
border-bottom:1px dotted #2f383f ! important;
}

.menudiv span {
display: inline-block;
vertical-align: middle;
padding-left: 2px;
}

.menudiv span a {
color:#a9deff;
font-size: 14px;
font-weight:bold;
text-decoration:none;
padding:0 2px;
}

.menudiv div .more {
color:#646464;
font-size:12px;
}

.menudiv div .text {
color:#3c3c3c;
font-size:12px;
}

.title-page,
.title-page2 {
display:block;
color:#6aafff;
font-size:14px;
font-weight:bold;
padding:2px 5px;
white-space:nowrap;
height:33px;
width:472px;
cursor:pointer;
overflow:hidden;
background:transparent url(image/expandMenu1.gif) no-repeat center right;
}

.title-page span {
display:block;
padding:2px 0 0 0;
color:#737d88;
font-size:12px;
font-weight:bold;
}

.title-page2 span {
float:left;
padding:9px 0 0 5px;
}

.title-page2 img {float:left;}

.menudiv .element {
margin:1px 10px;
padding:2px 5px;
border:1px solid #3a464c;
background:#273137 url(image/submenuBackground.gif) no-repeat bottom right;
}

.pageMod {
display:block;
height:40px;
padding:0;
margin:5px 0;

}

.pageMod a {
display:block;
color:#c3ffa9;
font-size:13px;
font-weight:bold;
text-decoration:none;
height:32px;
}

.pageMod span {
float:left;
padding:13px 0 0 5px;
}

.pageMod a:hover {color:#fff;}
.pageMod a img {float:left;}




/*==== FOOTER */
#backButton {
display:block;
color:#fff;
font-size:16px;
text-decoration:none;
height:26px;
margin:10px 10px 0 10px;
padding:5px 0 0 30px;
background:transparent url(image/backButton.gif) no-repeat center left;
}

#backButton:hover {text-decoration:underline;}

#footer {
color:#fff;
height:36px;
width:790px;
background:transparent url(image/fBG.gif) no-repeat top left;
}

#footer a {color:#fff;}

#footer p {
color:#fff;
text-align:center;
padding:15px 10px 0 10px;
}

/*==== LOGIN PAGE  */
#loginBox {
position:relative;
color:#fff;
width:401px;
height:161px;
margin:20px auto;
background:#194b8f url(image/loginPanel.gif) no-repeat top left;
}

#loginForm p {
font-size:13px;
font-weight:bold;
text-align:center;
padding:30px 0 0 0;
}

#loginForm .textInput {
position:absolute;
bottom:65px;left:75px;
padding:3px;
border:2px solid #235395;
font-size:16px;
}

#loginForm #loginButton {
position:absolute;
bottom:15px;left:155px;
}


/*==== HOME PAGE  */
#sitePreview {
float:right;
height:180px;
width:410px;
margin:10px 0 0 0;
background:#191f23;
}

#homePage {
float:left;
width:350px;
padding:5px 0;
}

#viewSite a {background:transparent url(image/viewSite.gif) no-repeat center right;}
#siteSettings a {background:transparent url(image/siteSettings.gif) no-repeat center right;}
#trashEmpty a {background:transparent url(image/trashEmpty.gif) no-repeat center right;}
#trashFull a {background:transparent url(image/trashFull.gif) no-repeat center right;}

.homeMenu {
padding:8px 10px;
margin:5px 0 15px 0;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23 url(image/darkShade.gif) repeat-x top left;
}

.homeMenu a{
display:block;
color:#6aafff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.homeMenu a:hover {color:#fff;}

.homeMenu span {
display:block;
color:#9c9c9c;
font-size:12px;
font-weight:bold;
padding:2px 0 0 0;
}

/*==== UPLOAD IMAGE  */

#pages .uploadedImage span {color:#fff;}
#pages .uploadedImage b {
color:#a6d536;
font-size:13px;
}

/*==== GENERAL PAGE - EDIT META ETC  */
#settingsBox  {
text-align:center;
padding:20px 0 10px 0;
margin:5px 10px 10px 10px;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23 url(image/darkShade.gif) repeat-x top left;
}

#settingsBox  .settingsOption {
width:450px;
padding:5px 6px 10px 6px;
margin:10px auto;
border:1px solid #3a464c;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#273137 url(image/submenuBackground.gif) no-repeat bottom right;
}

#settingsBox  .textInput {
padding:3px;
margin:5px 0;
border-width:2px;
font-size:16px;
}

#settingsBox  .selectInput {
padding:3px;
margin:5px 0;
border-width:2px;
font-size:16px;
width:200px;
}

#themePreview {
padding:10px 0;
}

#settingsBox  .textArea {border-width:2px;}

#settingsBox h3 {
padding:5px 0 5px 0 ! important;
margin:0 ! important;
border:0 ! important;
}

#settingsBox span {font-size:13px;}

/*==== GALLERY PAGE */
/*
#descTable {
width:750px;
margin:0 auto;
}

#descTable div {padding:0 0 10px 0;}
#descTable label{display:block;}*/

#formTable {
width:460px;
margin:0 auto;
}

#formTable td label{display:block;}

.infotablePreview,
.albumPreview {
padding:10px 10px 5px 10px;
margin:0 10px 10px 10px;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23 url(image/darkShade.gif) repeat-x top left;
}

.infotablePreview .imagePreview {
float:left;
width:200px;
padding:0 0 10px 0;
}

.albumPreview .imagePreview {
float:left;
width:200px;
padding:0 0 10px 0;
}

.imagePreview  img {border:2px solid #abf2ff;}

.infotablePreview .albumContent {
float:right;
width:530px;
}
.albumPreview .albumContent {
float:right;
width:530px;
}

.albumContent p {text-align:justify;}
.albumContent h3 {text-align:center;}

.modifyImage {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#273137 url(image/submenuBackground.gif) no-repeat bottom right;
}

.modifyImage .pageMod {
width:160px;
margin:0 5px 0 20px;
float:left;
}

.modifyImage2 {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
margin:10px auto 0 auto;
width:500px;
background:#273137 url(image/submenuBackground.gif) no-repeat bottom right;
}

.modifyImage2 .pageMod {
width:160px;
margin:0 5px 0 20px;
float:left;
}


/*==== TRASHCAN */
#emptyBin {
color:#fff;
font-size:18px;
text-decoration:none;
}

#emptyBin:hover {text-decoration:underline;}

#rightBox {
float:left;
width:510px;
padding:5px 20px;
}

#rightBox  .settingsOption {
width:450px;
padding:0 6px;
margin:10px auto;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#273137;
}

#viewPage {
margin:0 10px;
padding:10px;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23;
}

#viewPage  h3 {font-size:16px;padding:5px;}
#viewPage  h4{font-size:13px;padding:5px;}
#viewPage h5{color:#5e8fd0;padding:5px 5px 0 5px;}

/*==== PAGE EDITOR */
.editPage,
#editPage {
width:760px;
padding:10px 5px;
margin:0 0 0 10px;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23 url(image/darkShade.gif) repeat-x top left;
}

.editPage h3,
#editPage h3{
clear:both;
font-size:16px;
padding:0 10px 5px 10px;
}

#editTitle {
float:left;
width:300px;
}

#editTitle h3{
clear:both;
font-size:18px;
padding:0 10px 5px 10px;
}

#editTitle p {padding:0 10px;}

#editTitle input,
#editID input,
#editSubTitle input,
#editSubTitle select,
.balance input,
.lang_details input {
padding:3px;
margin:5px 10px;
border-width:2px;
font-size:16px;
}

#editSubTitle {
clear:both;
float:left;
width:300px;
}

#editID {
float:left;
width:300px;
}

.editor {padding:15px 0 0 5px;}
#editor {padding:5px 0 0 5px;}

.lang_details label {
color:#c8eeff;
font-size:14px;
font-weight:bold;
padding:0 10px 5px 10px;
}

.lang_details {
height:50px;
padding:0 5px 0 0;
}

.lang_left {float:left;}
.lang_right {float:right;}




.balance {
clear:both;
display:block;
padding:0 0 10px 0;
}

.balance h3 {padding:15px 10px 5px 10px ! important;}

.balance label {
color:#c8eeff;
font-size:14px;
font-weight:bold;
padding:0 10px 5px 15px;
}

.balance .left {
float:left;
width:360px;
}
.balance .right {
float:right;
width:400px;
}
.balance .right_img {
float:right;
padding:4px;
margin:0 10px 0 0;
background:#333;
}
.balance .right_img h3 {
text-align:center;
padding:5px ! important;
}


/*==== EDIT PAGE SIDE MENU  */
form {padding:0;}

#insertLink {
float:right;
position:relative;
width:260px;
text-align:right;
}

#dropDown {
display:none;
position:absolute;
top:auto;left:0;
color:#fff;
text-align:left;
width:260px;
background:#316db4;
}

#insertLink:hover #dropDown {display:block;}

#dropDown a {
display:block;
color:#fff;
font-size:13px;
font-weight:bold;
padding:10px;
background:#316db4;
}

#dropDown a:hover {
color:#000;
background:#6ec7ff;
}


/*==== CREATE NEW PAGE */
#settingsBox .addModule {
float:left;
width:140px;
padding:2px 0 8px 0;
margin:0 0 10px 7px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23 url(image/darkShade.gif) repeat-x top left;
}

#settingsBox .addModule select {
color:#000;
padding:2px 5px;
}

#modules {height:150px;}

#modules .addModule {
float:left;
text-align:center;
width:188px;
margin:0 5px 0 5px;
}

#modules .addModule select {
color:#000;
padding:2px 5px;
border:1px solid #333;
background:#fff;
}


/*==== FORMS */
.submitButton,
#loginButton,
#deleteButton,
#submitButton,
#cancelButton {
color:#fff;
font-weight:bold;
width:82px;
height:26px;
margin:5px;
padding:0 0 6px 0;
border:0 ! important;
cursor:pointer;
}

.submitButton,
#submitButton {background:#3f7e72 url(image/submitButton.gif) no-repeat top left ! important;}
#cancelButton {background:#9a6472 url(image/cancelButton.gif) no-repeat top left ! important;}
#loginButton {background:#3f7e72 url(image/loginButton.gif) no-repeat top left ! important;}

#deleteButton {
display:inline-block;
font-size:13px;
text-decoration:none;
height:23px;
padding:3px 0 0 0;
}

#deleteButton {background:#9a6472 url(image/cancelButton.gif) no-repeat top left;}

#submitBox {
text-align:center;
padding:5px 0 0 0;
margin:10px 10px 0 10px;
border:1px solid #2f383f;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
background:#191f23;
}

.submitAlign,
#submitAlign {
clear:both;
padding:10px 0 0 0;
text-align:center;
}

#bigImage {
display:block;
text-align:center;
margin:10px auto;
border:3px solid #333;
}

#addButton {
cursor:pointer;
color:#fff;
font-size:13px;
font-weight:bold;
border:0;
padding:0 25px 0 0;
background:#191f23 url(image/submitAdd.gif) no-repeat center right;
}