@import "reset.css";
@import "layout.css";
@import "menu.css";
@import "pagesMenu.css";


body {color:#333; font-size:11px;  font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif; }
a:link, a:visited {color:#0066cc;}
a:hover {text-decoration:underline;}
a:active, a:focus {}

h1 {font-size:20px; text-shadow:1px 1px 0 #ddd; margin-top:10px;}
h2 {font-size:16px; font-weight:bold; margin-top:20px;}
p {line-height: 1.4;}


table {border-collapse:collapse; width:100%; }
tr td {border-bottom:1px dotted #d4d3d3; padding: 10px;font-size: 120%; color:#666;}

#subPosts tr td input { width:100px; }
#subPosts thead tr td { width:100px; }

th {font-size: 90%; white-space:nowrap; background-color:#9e9e9e; color:#fff; font-weight:bold; border-bottom:1px solid #aaa; text-align:left; padding:4px;text-shadow:1px 1px 0 #555;}
th a:link, th a:visited {color:#fff; }
table.NSWAT_UI_DataTable tr.hover td,
table.NSWAT_UI_DataTable tr:hover td {background-color: #d2f5c7 !important;color:#000 !important; }
tr.alt td {background-color: #fafafa;}

/*
table tr th.sorted a {color: #fff; font-weight:bold;}
table tr th.sorted {background-color:#143d79; color:#fff;font-weight:bold;}
table tr.alt td.sorted,
table tr td.sorted {background-color:#bbcde7; border-bottom:1px solid #fff;}
*/

/*table#fileManager th {background-color:#dedede; color:#000; font-weight:normal; border-bottom:1px solid #aaa;}*/
table#fileManager th.size {width:100px;}
table#fileManager th.type {width:100px;}
table#fileManager th.date {width:200px;}
table#fileManager td span {display:none;}
table#fileManager td span img {margin:0;}
table#fileManager td:hover span {display:inline;}
table#fileManager td img {margin-right: 10px;}

fieldset {margin:10px 0 10px 0 ;padding:10px; background-color:#fafafa; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

textarea:active, textarea:focus,
input.pw:active, input.pw:focus, 
input.txt:active, input.txt:focus {
    background-color:#f3f3f3 !important;
    border:1px solid #9f9f9f;
    color: #333;
    box-shadow:0 0 10px 0 rgba(150,150,150,0.5);
}


#btnSubmit, a.button#preview {padding:5px 10px 5px 5px; border-radius:4px; border:2px solid #ccc; box-shadow:0 0 0 2px rgba(100,100,100,1); margin: 0px 5px;}
#btnSubmit {background:transparent url(../img/add.png) no-repeat 4px 50%;padding:5px 10px 5px 25px; }
#btnSubmit:active, a.button#preview:active {border:1px solid #f00;}
a.button#preview {cursor:default;background:transparent url(../img/preview.png) no-repeat 4px 50%;padding:5px 10px 5px 25px; color:#000; }
a.button:hover{text-decoration:none;}

div.inline label {
    float:none; width:auto;
}
legend {color:#172f4e;font-weight:bold;font-size:110%; padding:0 5px;}
fieldset.main {border-top:none;}
form.short {margin:0 0 10px 0;}
form.short div label {margin:0 10px 0 0;}
form.short div {margin:0; padding:0;}
label {display: block; font-size:1.1em; color:#666; margin: 0 0 5px 0;}
label.required {font-weight:bold; background:url(../img/required.png) no-repeat 0 50%; padding-left:13px;}
input.inline {display:inline;}
div.inline {display:inline;}
fieldset li {margin:4px 0;}
fieldset div {padding:4px; margin:2px 2px 10px 2px; }
fieldset.info {width:400px; float:left; margin:10px 20px 20px 0;}
span.errorText {color:#900;margin:0; display:block;}
fieldset div.error {border:1px solid #900; background-color:#fee;}
fieldset div.error label {
    color: #900;
}
span.helpText {color:#888; display: block; margin-left: 150px;}
textarea, select, input.txt, input.pw {line-height: 1.5; width: 175px; }
fieldset input.pw, fieldset input.txt { padding:4px; background-color:#fefefe; border:1px solid #ccc; font-size:1.1em; color:#666; border-radius:4px; }
fieldset select {padding:2px;  border:1px solid #ccc;font-size:1.1em; background-color:#fefefe; }
fieldset textarea {width:600px; height:10em;border:1px solid #ccc; font-size:1.1em; background-color:#fefefe;border-radius:4px; }
div.buttons {text-align:right; margin:4px;  font-size:1.1em;}
fieldset input.checkbox, fieldset input.chk {width:auto;}
div.NSWAT_UI_Checkbox label {
	display:inline; width:auto;
}
label { clear: left; }
div.chk label, div.radio label {clear:none; margin: 0; float:none;}
input.long {width:500px;}
input.medium {width: 250px;}
input.short {width:50px;}
div.fileGroupChk {clear:both; float:left;  width:100px;}

div.indented {display:inline; }

div.indented label {float:none; }




#txtConfigKeyContainer input {width:600px;}

/*
#selConfigTypeContainer, 
#selAppContainer {float: left;}
*/
#taDescriptionContainer {clear: both;}

div.msg {
    text-align:left;
    margin:10px;
    padding:15px;
}

div.msg p {
    margin:10px 5px;

}

div.msg h2 {
    margin:5px 0 0 0;
    font-size:16px; 
    font-weight:bold;
}

div.msg.error {
    color:#fff;/*8f002c;*/
    font-weight:bold;
    border:1px solid #8f002c;
    background: #be7a8f url(../img/error.png) no-repeat 5px 5px;
    padding: 0 0 0 36px;
}

div.msg.info {
    color:#fff;/*8f002c;*/
    font-weight:bold;
    border:1px solid #1b305d;
    background: #8ca7d3 url(../img/info.png) no-repeat 5px 5px;
    padding: 0 0 0 36px;
}

div.msg.success {
    color:#fff;
    font-weight:bold;
    border:1px solid #008f0a;
    background: #7abe84 url(../img/success.png) no-repeat 5px 5px;
    padding: 0 0 0 36px;
}

iframe {border:1px solid #000; }

form.searchbox {margin:10px 0;}
form.searchbox fieldset {border:1px solid #172f4e; padding:4px; background-color:#efefef;}
form.searchbox div {display:inline;}
form.searchbox label {float:none;}
form.searchbox input {width:30%;}
input.chk {width:auto;}
form.searchbox div.buttons input {float:none; display:inline; width:100px;}

a.cancelLink {background:transparent url(../img/cancel.png) top left no-repeat;padding-left:20px; margin-left:0px; padding-bottom:5px;padding-top:2px; }
a.addLink {background:transparent url(../img/add.png) top left no-repeat;padding-left:20px; margin-left:10px; margin-top:5px; margin-bottom:5px; padding-bottom:5px; padding-top:2px; display:block;}
a.uploadFile {background:transparent url(../img/add.png) top left no-repeat;padding-left:20px;  margin-top:5px; margin-bottom:5px; padding-bottom:5px; padding-top:2px; }
a.createFolder {background:transparent url(../img/folder_add.png) top left no-repeat;padding-left:20px;  margin-top:5px; margin-bottom:5px; padding-bottom:5px; padding-top:2px; }

p.msg {margin:5px; padding:10px 10px 10px 45px; background:#95daa1 url(../img/messages/confirm.png) no-repeat top left; color:#ffffff; border:1px solid #2cb543; font-weight:bold;} 
.message { padding: 5px; border:1px solid #888888; background-color: #eee; color: #555; width:500px; margin:5px auto;  text-align:left;}
.message h2 {font-size:1.3em; font-weight:bold; margin-top:0;}
.message.error {padding-left:45px;background:#bc8181 url(../img/messages/stop.png) no-repeat top left; border:1px solid #790303; color: #fff;}
.message.success {padding-left:45px;background:#95daa1 url(../img/messages/confirm.png) no-repeat top left; border:1px solid #2cb543; color: #fff;}
.message li { list-style: square; margin-left: 15px; }
a#close {display:none;}

#meta-section, #navigation-section, #date-section, #other-data-section {display:none;}

ul.paging {margin: 15px 0;clear: both; padding:10px 0;}
ul.paging li {float: left;margin:0 4px; }
ul.paging li a {padding: 5px; border:1px solid #bbcde7; }
ul.paging li.first a,
ul.paging li.next a,
ul.paging li.prev a,
ul.paging li.last a {border: none; }
ul.paging li a:hover,
ul.paging li a:visited {text-decoration: none;}
ul.paging li.active {font-weight:bold; background-color:#143d79; color:#fff; padding:7px; margin:-7px  4px 0 4px; }

table.stats {width:auto; padding:1px; border-collapse:separate; border:1px solid #455877;}
table.stats th {width:50%;}

/*--PAGES--*/
.editLink {margin-left:10px;}
.pageListing, .orphanListing {width:40%;padding-right:1%; margin-right:1%; border-right:1px dotted #dedede;}
.pageListing .pageTitle, .orphanListing .pageTitle { color: #888888; font-size: 11px; display: none; }
/*
.orphanListing {float:left; width:40%;}
.pageListing ul {margin-left:20px;}
*/
.pageListing ul, .orphanListing ul {
    margin-left: 15px;
    padding: 5px;
}
.pageListing li, .orphanListing li {
    padding: 2px 0px 2px 0px; }
}

/*--ASSETS--*/
.assetListing ul {margin-left:20px;}
.imagesListing, .multimediaListing, .documentsListing {float:left; width:30%; margin-right:1%; padding-right:1%;border-right:1px dotted #dedede;}
#upload,#create-folder {display:none;}
.folderIcon {margin-left: -19px;}

/*--USERS--*/
fieldset.permissions div {float:left; width:30%;}

/*--QUEUE--*/
table.queueDetails {}
table.queueDetails th.queueFieldName {width:100px;}
table.queueDetails tr.changed td {background-color:#ff1; }
table.queueDetails td {border-right:1px solid #ccc;}

/*--PAYMENT DETAILS--*/
table.paymentDetails {padding:5px; border:1px solid #455877;}
table td.button {padding: 2px 0 0 2px;width: 0;margin: 0;}
.bigEditor { height: 500px !important; }

/*** RESPONSES ***/

.survey_name {
	font-size: 20px;
	font-weight: bold;
}
.survey_description {
	margin-bottom: 15px;
}
.response .name {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
div.response_bar {
	display: block;
	height: 10px;
	width: 200px;
	background-color: white;
	border: 1px solid #ccc;
}
div.response_bar div {
	display: block;
	height: 10px;
	background-color: green;
}
.response ul {
	
}
.response li {
	margin-left: 15px;
	float: none;
	list-style: square;
}
.response {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}
li.checklist, li.select {
	list-style: none;
	margin-left: none;
}
.response h2 {
	font-size: 14px;
}

fieldset fieldset fieldset { margin: 15px; }

form.agreeForm { margin: 15px; }
form.agreeForm p { margin-top: 15px; font-weight: bold; }

.tagList .required { color: #880000; font-weight: bold; }

#page_user .checkboxListLabel { display: none; }
#page_user .checkboxList * { clear: none; float: none; display: block; margin: 0px; padding: 0px; width: auto; height: auto; }
#page_user .checkboxList input { position: absolute; margin: -17px 0px 0px 0px; float: none; padding: 0px; }
#page_user .checkboxList label { float: none; margin-left: 20px; margin-bottom: 2px; width: auto !important; white-space: nowrap; }
#page_user .checkboxList { border: none; float: left; overflow-y: auto; width: auto; padding-right: 15px; height: auto; }

.pageListing .indent { background-color: pink; display: inline; margin-left: 15px; }
.pageListing .icon, #pageListing .actions { width: 0px; white-space: nowrap; }
.pageListing .icon img { margin-right: 5px; }
.pageListing .actions { text-align: right; }
.pageListing th { background-color: #ddd; color: #000; font-weight: normal; }
#nonOrphanPages { float: left; margin-right: 15px; }
.pageListing tr:hover td { background-color: #f5f5f5; }
.pageListing td { border-right: none; }
.pageListing { border-right: none; }

#sideEditor { width: 350px; float: left; margin-left: 15px; }
#coreEditor { float: left; width: 800px; }
#sideEditor .navRank input { width: 25px; clear: none; float: none; }
#sideEditor .navRank label { width: auto; margin-right: 15px; clear: none; float: none; }
div.navParent, div.navParent *, div.navRank, div.navRank * { display: inline; float: none; }
div.navParent option { display: block; }
#publishDates label { width: 100px; }

#coreEditor #txtKeywords,
#coreEditor #taDescription { display: block; clear: both; height: 50px; width: 750px; }

form .buttons { display: block; text-align: right; }
form .buttons div { display: inline; }
form .buttons input { display: inline; }


.blue {padding:10px; width:50%;}

.menuContent {margin:0; padding:0;}
table.pages {width:500px; margin:10px; display:inline;}
td.page {width:300px;}
td.action {width:130px !important; }

select.fields {height:200px; width:150px;}
table.subscriberImport {width:500px; }
table.subscriberImport td { border-bottom:none;}
table.subscriberImport td.fields, table.subscriberImport td.selected {width:200px; text-align:center;}
table.subscriberImport td.buttons {width:100px;text-align:center;}
table.subscriberImport td.buttons input {display:block; margin:50px auto 0 auto ; width:50px;}

/*
span.toolbar  {background-color:#ededed; border:1px solid #ddd; padding:10px; margin:10px 0; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:right;}
*/
span.toolbar {
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0;
    padding:  10px 0 0 0;
    display: block;
}
span.toolbar input {margin-right: 10px;}

ul.toolbar,
ul.fileLinks {background-color:#fafafa; border:1px solid #ddd; padding:10px 0 10px 10px; margin:10px 0; }
ul.toolbar li,
ul.fileLinks li {display:inline; padding:0 10px 0 0;}

ul.filePath {background-color:#fafafa; border:1px solid #ddd; padding:10px 0 10px 10px; margin:10px 0; }
ul.filePath li.first {margin:0 10px 0 0; background:none; padding:0;}
ul.filePath li.last {margin:0 10px 0 0; background:none; padding:0;}
ul.filePath li a:link, ul.filePath li a:visited  {text-decoration:underline;}
ul.filePath li {display:inline; margin:0 0 0 0; padding:0 20px 0 0; background:url(../img/next.png) no-repeat top right;}

iframe.emailPreview,
div.html div iframe {width:750px; height:500px;}
textarea.emailPlainText {width:750px; height:500px;}

div.invoice {margin:10px; padding:20px 20px 60px 20px; border:1px solid #cecece; width:650px; position: relative;}
div.invoice img.logo {float: right;}
div.invoice img.paid { position: absolute; top: 100px; right: 10px;}
div.invoice h1 {font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0 0 20px 0}
div.invoice h2 {font-size: 10px !important; margin: 15px 0 0 0; color: #000; }   
table.orderItems {margin: 20px 0 0 0;}
div.infoPanel {float:left; width:225px; margin: 0 86px 0 0; }
div.invoice h2.orderDate, div.invoice h2.orderNumber {margin: 15px 86px 0 0; padding: 0; font-size: 11px !important; width: 225px;float:left;}


@media print
{
  .invoice {display: block; page-break-after:always;}

}



#report .buttons
{
	text-align: left;
	padding-left: 144px;
}

/*
    table, th, td { border: none !important; }
    #packingListProducts table, #packingListProducts td, #packingListProducts th { border: 1px solid black !important; }
    td, th { padding: 5px 10px 5px 10px;  }
    #packingListProducts { margin-top: 30px; }
    th { background-color: #000; color: #fff; font-weight: bold; text-align: center; }

*/

tr.sorted {
    font-weight: bold;
    padding: 10px;
}



.themes {
    margin: 10px 0 0 0;    
}

.theme {
    float: left; width: 400px;border: 1px solid #ccc; margin: 10px; padding: 0 10px; 
}
.theme .image {
    float: left;
    margin: 0 10px 10px 0;
}

.theme .image img {
    border: 1px solid #aaa;
    padding: 1px;
    background-color: #fff;
}
.theme .info {
    margin-left: 150px;
}

.theme .info li {
    margin:2px 0 10px 25px;
}

.theme .info li a:link,
.theme .info li a:visited {
    border: 1px solid #ccc;
    width: 150px;
    display: block;
    background-color: #eee;
    padding: 4px 2px;
    
}

ul.dashboard {
    
}

ul.dashboard li {
    float: left;
    margin: 10px 30px;
    border: 1px solid #ddd;
}

ul.dashboard li a:link,
ul.dashboard li a:visited {
    width: 80px;
    text-align: center;    
     height: 50px;
     vertical-align: middle;
     display: table-cell;
}

ul.dashboard li a:hover {
    background-color: #eee;
}

ul.moduleList li {
    padding: 20px 0 0 20px;
}

ul.moduleList li div {
    border: 1px solid #ededed;
    padding: 15px;
}

ul.moduleList li div:hover {
    border: 1px solid #aaa;
}

ul.moduleList li strong {
    font-size: 14px;
}

ul.moduleList li p.links {
    padding: 5px 0;
}

ul.moduleList li a:link,
ul.moduleList li a:visited {
    line-height: 2;
}

.sortable li {margin:10px; }
.sortable .placeholder {background-color:#ddd; border:1px dotted #444; }
.sortable li div {padding:10px;}
.sortable li div div {display:none;background-color:#000; width:10px; height:10px; float:left; padding:0; margin:2px;}
.sortable li a {}
.done {display:none;}



.NSWAT_TAG_LIST {  display:inline !important;}
.NSWAT_UI_TAG {border:1px solid #C6DADE; padding:2px; border-radius:3px;}
.NSWAT_UI_TAG input {border:none; width:100px !important; }
.NSWAT_TAG { border-radius:3px; background-color: #bed1f2; display: inline-block; padding: 2px 5px 2px 5px; margin: 2px; color:#000;}

.deleteNSWATTAG { margin:2px; padding:0;  width:16px; text-align: center; color: #fff;  display: inline-block; 
}
.deleteNSWATTAG:hover { text-decoration: none; }
#tagstagsContainer { display: inline-block; }

.NSWAT_UI_Tag input {width:250px;}
.addTag {background:transparent url(../img/add.png) no-repeat; overflow:hidden; padding-top:16px; height:0 !important;  display:inline-block; }

/*
div.fileOperations span.folder  {
    float:left;
    width:160px;
    height:20px;
    padding:10px 5px; 
    text-align:center;
    background-color:#800;
    color:#fff; 
    margin:0 10px 0 0;
}*/

.qq-upload-button {
    display: block;
    width:150px;
    height:20px;
    padding:10px 5px;
    text-align: center;
    background: #880000;
    color: #FFF;
}
.qq-upload-button-hover {
    background: #CC0000;
}
.qq-upload-button-focus {
    outline: 1px dotted #000000;
}


.bannerPickerItem {float:left; width:350px;}
.bannerPickerItem input {display:none;}
.bannerPickerItem img {width:316px; height:123px; border:10px solid #ddd;}
.bannerPickerItem img.checked {border:10px solid #000;}
.bannerPicker {width:100%; overflow:scroll; max-height:400px;}
    



.NSWAT_GRID_ROW {margin:5px; padding:4px;}

/* NEW MODAL STYLES */

#dialog {background-color:rgba(0,0,0,0.5); z-index:100; width:100%; height:100%; position:fixed; top:0; left:0;}
#dialog #dialogContent {width:650px; background-color:#f0f0f0; border-radius:5px; position:fixed;  box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3); padding:10px; top:50px; }
#dialog .dragger {background-color:#1c5c9a; width:640px;  color:#fff; font-size:10px; padding:10px 5px;border-radius:5px; cursor:move;}
#dialog .dragger .close {float:right;font-size:8px; color:#fff; margin-right:5px;}
#dialog .dragger  {text-shadow:3px 3px 2px #555;}
#dialog .content {clear:both; }
#dialog .formContainer {overflow:scroll;max-height:500px; }
#messageBox {position:absolute; top:150px; left:50%; width:250px; margin-top:-25px; padding:30px; margin-left:-135px; text-align:center; background-color:#1c5c9a; color:#fff; z-index:1000; border-radius:5px;box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.3); border:3px solid #eee; text-shadow:2px 2px 4px #555;}

/* JQUERY ERROR MESSAGES */
label.error {font-weight:bold; display:block !important; width:auto !important; float:none; color:#c00 !important; margin:0 0 10px 0;}
input.error {border:1px solid #c00 !important; color:#c00; background-color:#fee !important;}
#loginForm label.error {padding-left: 70px; }

#loginForm input.txt {background:url(../img/login-username-background.png) no-repeat 3px 50%; padding-left:24px; width:150px; }
#loginForm input.pw {background:url(../img/login-password-background.png) no-repeat 3px 50%; padding-left:24px;  width:150px;}
#loginForm label.required {background:none; padding:8px 0 0 0;}

::selection {background-color:#6fa0d1; color:#fff;}

form#page legend {
    display: none;
}

div.NSWAT_UI_TAG input {
    border: 0px;
	background-color: transparent !important;
}
div.NSWAT_UI_TAG input:focus {
    border: 0px;
    box-shadow: none;
    background-color: transparent !important;
}
div.NSWAT_UI_TAG {
    cursor: text;
	border: 1px solid #ccc;
    background-color: #fff;
}

div.NSWAT_UI_TAG.tag_focus {
    background-color:#f3f3f3 !important;
    border:1px solid #9f9f9f;
    color: #333;
    box-shadow:0 0 10px 0 rgba(150,150,150,0.5);
}
#autoSaveBanner {
    background-color: #FFF9C7;
    border: 1px solid #C5C5C5;
    padding: 10px;
    text-align: center;
}
.formContainer #form .sortMode .NSWAT_GRID_ROW { cursor:pointer; }
.formContainer #form .sortMode .NSWAT_GRID_ROW div { width:300px; float:left;  }
.formContainer #form .sortMode div.NSWAT_GRID_ROW { overflow:auto; }
.formContainer #form .sortMode .NSWAT_UI_Textarea { clear:both; }