* {margin:0px; padding:0px;}
body { background-image:url(images/bg.jpg); background-repeat:repeat-x; color: #333333; font-family:Arial; font-size: 12px; width: 1020px;padding: 5px 5px 5px 15px;}

form {clear:both;}
label {color:#666666;padding-left: 5px;}
a{color:#0099FF; text-decoration:none;}
a:visited{}
a:active{}
a:hover{text-decoration:underline;}
span.note {font-size:10px; font-style:italic;}
.clear {clear:both; float:none;}

ul {list-style:none;}

input { border: 1px solid #CCCCCC;}
input.text {}
.button, input.button, button {  background-color:#666666; padding: 3px 10px; border: 1px solid #666666; color: White; cursor:pointer;}
.button:hover, input.button:hover, button:hover {background-color:#39F; border-color:#39F;}
input.file {}
textarea {border: 1px solid #CCCCCC;}
select {border: 1px solid #CCCCCC;}
div.checkbox {margin:3px 0px;}

/* Generic Miscellaneous Classes */
.savedMsg { display:block; float:none; clear:both; padding:8px 15px; margin-top:10px; color: #009900; border:1px solid #009900; background-color:#D9FFDD; font-weight:bold;}
.errorMsg { display:block; float:none; clear:both; color: Red; font-weight:bold;}


/* Generic Listing Table  */
table.listing {border: 1px solid #CCCCCC; border-bottom:0px; border-spacing:0px; empty-cells:show; font-size: 12px; margin: 5px 0px 5px 0px; width: 100%;}
table.listing tr {}
table.listing tr.row1 {background-color:#FAFAFA;}
table.listing tr.row2 {background-color:#FFFFFF;}
table.listing tr.selected {background-color:#FDD473;}
table.listing tr.unselected {background-color:inherit;}
table.listing td.select {width: 50px;}
table.listing td {margin: 0px; padding: 8px; border-bottom:1px solid #CCCCCC;}
table.listing a {font-weight:bold;}
table.listing thead {background-color:#333333;}
table.listing thead td {height: 25px; border:0px; padding: 3px 5px 3px 5px; vertical-align:middle;}
table.listing thead a {color:White; font-weight:normal; text-decoration:none;}
table.listing thead a:hover {text-decoration:underline;}
table.listing thead a:active {}
table.listing thead a:visited {}
table.listing thead a img {border:0px; vertical-align:middle;}
table.listing thead #save-rank {vertical-align:middle; cursor:pointer; margin-left: 5px;}
table.listing tfoot td{padding: 5px 5px 1px 5px; display:none;}

table.listing input {}
table.listing input.text {width: 200px;}
table.listing input.button {}
table.listing input.rank {width: 40px; text-align:center;}
table.listing input.file {width: 270px;}
table.listing textarea {width: 200px; height: 100px;}
table.listing select {min-width: 200px;}
table.listing span.image-preview { max-height:200px; max-width:300px; }

/* Generic Form Table */
table.form {font-size:12px; empty-cells:show; margin: 5px 0px 5px 0px; clear:both; display:block; float:none;}
table.form tr {vertical-align:top;}
table.form th { color: #666666; padding-left: 10px; font-weight:normal; width: 125px; text-align:left;}
table.form td { padding: 2px 0px 2px 0px;}
table.form thead {}
table.form thead td {}
table.form thead a {}
table.form thead a:hover {}
table.form thead a:active {}
table.form thead a:visited {}
table.form tbody {}
table.form input {}
table.form input.text {width: 500px;}
table.form input.button {}
table.form input.file {}
table.form input.delete {}
table.form label.delete {margin-right:10px; color:#0099FF;}
table.form textarea {height: 100px; width: 500px;}
table.form select {width: 500px;}
table.form td.tinymce select {width:auto;}
table.form td.tinymce textarea{height: 450px; width: 100%;}
table.form td.tinymce table {width:auto; height:auto;}
table.form td.dayHeader{font-weight:bold; padding-top:5px; border-bottom:1px solid #666666;}
table.form img.calendar { cursor:pointer; }
table.form td table {width:500px;}
table.form img.preview {vertical-align:top; width:100px;}
form h2 {color: #0099FF; background-color:#EAF3FA;  font-size: 16px; font-weight:normal; padding: 5px 10px; margin-bottom:5px;}
.save,.close {padding: 5px;width:100px; margin-top: 10px;}

table.readonly {border-spacing:0px;}
table.readonly thead td{font-weight:bold; border-bottom:1px solid #999999;}
table.readonly td {padding: 2px;}


/* ----------  Styles for Individual Pages/Sections ---------- */

/* Dashboard */
div#dashboard {height: 25px; width:100%; }
div#dashboard {color:White;}
div#dashboard a {color:White; text-decoration:none; float:left;}
div#dashboard a:hover {text-decoration:underline;}
div#dashboard span {float:right;}
div#dashboard span span {clear:both; float:none; color:#00CCFF;}
div#logout {height:25px; text-align:right;}
div#logout a {color:#333333; text-decoration:none;}
div#logout a:hover {text-decoration:underline;}

/* Left Panel */
div#left {margin-top:117px; width: 185px; float:left;}
div#left h2 {font-weight:normal; font-size:16px; padding-bottom:2px;border-bottom: 1px solid #999999;}

/* Navigation */
ul.navigation {list-style-type:none; margin:0 0 100px 0; padding:0px; font-size:14px;}
ul.navigation li {padding:7px 0px 7px 10px; border:1px solid White; cursor:pointer;}
ul.navigation li a {text-decoration:none; color:#999999;}
ul.navigation li a:hover {color:#333333;}
ul.navigation li a:active {}
ul.navigation li a:visited {}
ul.navigation li:hover {background-color:#EFEFEF; background-image:url(images/arrow-right-grey.gif); background-repeat:no-repeat; background-position:160px 7px; border:1px solid #DDDDDD;}
ul.navigation li:hover a {color:#333333;}
ul.navigation li.selected {background-color:#FFFF99; background-image:url(images/arrow-right-grey.gif); background-repeat:no-repeat; background-position:160px 7px; border:1px solid #FFFF00;}
ul.navigation li.selected a {color:#333333;}

/* Right Panel */
div#right {width: 800px; float:left; margin-top:60px; margin-left:30px;}

/* Header Panel */
#right h1 {border-bottom:1px solid #999999; font-size:23px; font-weight:normal; margin-bottom:4px; }

/* Related Navigation */
#related-navigation {list-style:none; margin-top: 20px; }
#related-navigation li {float:left; min-width:100px; background-image:url(images/arrow-down-blue.gif); background-repeat:no-repeat; background-position: 10px 6px; padding:5px 5px 5px 35px; font-weight:bold; font-size:14px; color:#666666; margin-bottom:5px;}
#related-navigation li.selected {background-color:#FFFF99;}
#related-navigation li.disable {background-image:url(images/arrow-down-grey.gif);}



/* Listing Page */
form#search {float:right; height: 20px; width: 100%; margin-top:5px; margin-bottom:5px;}
form#search a {float:left; padding:4px 0px 0px 5px;}
form#search a.advance {float:left; display:block; margin-right:5px; cursor:pointer;}
form#search input {margin:0px; padding:0px; float:right;}
form#search input.text { height:18px; width: 150px; border:1px solid #666666; font-size:11px; }
form#search input.button { margin-left: 5px; height:100%; width: 75px; border: 1px solid #666666; padding:0px; background-color:#999999; color:white; font-size:11px;}
form#search-advance {display:none; margin-top:20px;}
form#search-advance h2 a {cursor:pointer;}

div.listing-navigation { width:100%; height: 30px; margin-top:20px; background-color:#EAF3FA; clear:both;}
div.listing-navigation #result {float:left; margin:8px 0px 0px 5px; color:#666666; font-weight:bold;}
div.listing-navigation input.button {border:1px solid #5C83FF; background-color:#C0DFF0; color:#0099FF; padding:1px 10px; float:left; margin:4px 0px 0px 5px;}
div.listing-navigation ul {list-style:none; float:right; margin:8px 8px 0px 0px;}
div.listing-navigation ul li {float:left; padding: 1px; }
div.listing-navigation ul span { border:1px solid #CCCCCC; padding: 1px 3px 1px 3px; color:White; background-color:#0099FF;}
div.listing-navigation ul a { border:1px solid #CCCCCC; background-color:White; width:100%; height:100%; padding: 1px 3px;}
div.listing-navigation ul a:hover { background-color:#0099FF; text-decoration:none; color:white; width:100%; height:100%; padding: 1px 3px;}
div.listing-navigation ul a.nextprev {border:0px; background-color:transparent; }
div.listing-navigation ul a.nextprev:hover {color:#0099FF; text-decoration:underline;}
div.listing-navigation label { padding-top: 4px;float:left; margin:3px 3px 0px 0px; display:block; vertical-align:middle;}
div.listing-navigation select { float:left; margin:4px; display:block; vertical-align:middle;}
div.bottom {margin-top:0px;}
div.listing-navigation .csv { padding-top: 4px; float: left; margin: 3px 3px 0px 280px; display: block; vertical-align: middle; width: 75px; }


/* Login Page */
#loginpage {margin-left:auto; margin-right:auto; width: 400px;}
#login {margin-top: 100px; width: 300px; margin-left:auto; margin-right:auto;}
#login .button {padding: 1px 10px;}

/* Change Identity Page */
#change-identity p {margin-top: 20px;}
#change-identity table {margin-top: 20px; margin-bottom: 20px;}
#change-identity th {padding:0px;}

/* CUSTOM CLASSES */
#loading,#loading-top {display:none;}
span.titleLink {font-size:10px; font-weight:normal; }


/* Edit Form Attachment */
form h2.attachment {margin-top:35px;}
ul.attachment { list-style:none; margin-left: 10px;margin-top:5px;}
ul.attachment li {padding: 5px; #min-height:25px;}
ul.attachment li.header {background-color:#DDDDDD; font-weight:bold;#margin-bottom: -30px; }
ul.attachment li.header div {background-color:transparent;}
ul.attachment li div {float:left; cursor:move; background-color:white;}
ul.attachment div.lstart { width: 100px; #min-height: 20px; }
ul.attachment div.l0 {width:100px; #min-height: 20px;}
ul.attachment div.l1 {width:300px; #min-height: 20px;}
ul.attachment div.clear {width: 0px; height:0px; float:none; clear:both; padding:0px; background-color:transparent;}
#addmulti {padding:10px;}

/* Tree view */
.level {margin-top:30px; margin-left:0px;}
.level .listing-navigation {margin-bottom:15px;}
.level li {padding:5px; font-size:14px;}
.level li input {margin:2px 10px 0px 0px; }
ul.level0 {margin-left:0px;}
ul.level1 {margin-left:20px;}
ul.level2 {margin-left:40px;}
ul.level3 {margin-left:60px;}
ul.level4 {margin-left:80px;}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

h2.versionhistory {cursor:pointer;}
tr.versionhistory {display:none;}

/* iFrame version */
body#iframe {background-image:none; width:95%;}
body#iframe #right {margin:0px 0px 30px 0px; width:100%;}
body#iframe #right div.action-buttons {text-align:right;}
body#iframe #right table.form {width:100%;}
body#iframe #right table.form td{width:85%;}
body#iframe #right table.form td table td{width:auto;}
body#iframe #right table.form input.text,
body#iframe #right table.form textarea,
body#iframe #right table.form select,
body#iframe #right table.form td.tinymce textarea,
body#iframe #right table.form td table {width:100%;}


/* CMS iFrame */
#cms-window {padding: 15px; background-image:url('images/bg-pod.png');}
#cms-iframe {border-width:0px; background-color:White;}