/* control panel styles */
BODY {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  //background-color: #fff;
  //background-color: #89b2c9;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
}

a:focus, a:hover, a:active { outline:none }

.cc_padding {
  padding: 2px 0px 0px 0px;
  background-color: #fff !important;
}

div.cc_padding { background-color: #fff !important; }

div.cc_padding a { color: #06c; background-color: #fff !important; }

.cc_title {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  //font-weight: bold;
  color: #fff;
  text-align: left;
  //background-color: #ccc;
  //background-color: #ffc;
  //border-top: 1px solid #bb6;
  //border-bottom: 1px solid #bb6;
  padding: 2px 0px 2px 19px;
  display: none;
}

.cc_reloadmsg {
  border: 1px solid #ccc;
  padding: 6px 4px 6px 4px;
  /* position: absolute; */
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -80px;
  color: #000;
  background-color: #ff9;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.tabs {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  background-color: #9F9;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
}

.subtabs {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  background-color: #9f9;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  padding-right: 5px;
}

.activesubtab {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  padding-right: 5px;
}

.subtab_filler {
  border-left: 1px solid #ccc;
  width: 100%;
}

.activetab {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid black;
  border-bottom: 1px solid #fff;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
}

.tabsuboptions {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10px;
  padding-bottom: 6px;
  text-align: right;
}

.elementname {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        padding: 2px 2px 0px 2px;
}

.elementtype {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
        padding: 2px 16px 2px 0px;
        font-weight: bold;
        border-bottom: 1px dotted #999;
        white-space: nowrap;
        background-color: #fff !important;
        color: #666 !important;
} 

.sitename {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        padding: 2px 2px 4px 2px;
}

.controlpanel_note {
  margin: 2px 22px 2px 2px;
  padding: 3px 3px 3px 3px;
  border: 1px solid #933;
  background-color: #f99;
  color: #000;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  white-space: normal !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.popuptitle {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        padding: 2px 2px 4px 2px;
        text-align: center;
}

.subsectiondivider {
        border-bottom: 1px dotted #999;
        padding: 0px 2px 2px 2px;
}  

.subsectionheader {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        padding-left: 2px;
        margin-right: 23px;
	background-color: #fff !important;
}

a.subsectionheader {
        color: #06c;
        text-decoration: none;
        background-color: #fff !important;
}

a.subsectionheader:active {
		color: #06c;
        text-decoration: none;
        background-color: #fff !important;
}

a.subsectionheader:visited {
        color: #06c;
        text-decoration: none;
        background-color: #fff !important;
}

a.subsectionheader:hover {
        text-decoration: underline;
        background-color: #fff !important;
}

.subsectiontext {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000;
}

.subsectiontextbold {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000;
}

.subsectionsmall {
	font-size: 10px;
}

a.adminlink {
        color: #00c;
        text-decoration: none;
}

a.adminlink:active {
        color: #00c;
        text-decoration: none;
}

a.adminlink:visited {
        color: #00c;
        text-decoration: none;
}

a.adminlink:hover {
        text-decoration: underline;
}

.formtable {
  /* border : 1px solid #ccc; */
  border-spacing: 0px;
  background-color: #fff;
  padding: 0px 0px 0px 0px;
  margin: 3px 4px 4px 4px;
  /* border-radius: 5px;
  -moz-border-radius: 5px; */
}

.formtable_notopmargin {
  /* border : 1px solid #ccc; */
  border-spacing: 0px;
  background-color: #fff;
  padding: 0px 0px 0px 0px;
  margin: 0px 4px 4px 4px;
}

.formtableheader {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        padding-left: 6px;
        padding-right: 6px;
}

.formtablesubheader {
    font-size: 11px; 
    border-bottom: 1px solid #000; 
    font-weight: bold; 
    background-color: #ffffe3;
    padding: 4px;
    color: #999;
}

.formtableoddrow {
    background-color: #fff;
}

.formtableevenrow {
    background-color: #f3f3f3;
}

.formtableoptionlist {
	padding: 2px 2px 2px 2px;
	margin-bottom: 10px;
	background-color: #fff;
}

.formtableoptionlist:hover {
	background-color: #efefff;
}

.formtableoptionlinks {
	float: right;
	text-align: right;
	font-weight: normal;
}

div.formtableoptionlinks a {
	color: #00d;
}

.formtableoptionlink_disabled {
	color: #999;
}

.formtableoptionname {
	text-align: left;
	font-weight: bold;
}

.formlabel {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
	font-weight: normal;
        background-color: #eee;
	color: #666;
	border-bottom: 2px solid #fff;
        padding: 4px 4px 4px 6px;
    white-space: nowrap;
}

.formlabelbottom {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-color: #eee;
        color: #666;
        border-right: 1px solid #fff;
        padding: 4px 4px 4px 6px;
        //text-align: right;
        //vertical-align: middle;
        white-space: nowrap;
}

.formlabelfull {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-color: #eee;
        color: #666;
        border-bottom: 2px solid #fff;
        padding: 4px 4px 4px 6px;
        text-align: left;
}

.formlabelfullbottom {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-color: #eee;
	//background-color: #ffffe3;
        color: #666;
        padding: 4px 4px 4px 6px;
        text-align: left;
}

.formsubmit {
	background-color: #fff;
        padding: 6px 4px 4px 4px;
}

.forminput {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
	padding: 2px 4px 2px 4px;
	//border-bottom: 1px solid #ccc;
	background-color: #fff !important;
}

.forminputbottom {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        padding: 2px 4px 2px 4px;
	background-color: #fff !important;
}

td.forminputbottom a { color: #06c; }

.formtextarea {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
}

.formtextinput {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
}

.formnote {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #7e7e7e;
        padding-top: 4px;
	text-align: center;
}

.formnoteleft {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #7e7e7e;
        padding-top: 4px;
        text-align: left;
} 

div.formnoteleft a {
    color: #33c;
}

.forminvisible {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #333;
        padding-top: 4px;
        text-align: center;
	background-color: #fff;
        border: 0px;
}

.forminvisibleleft {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #333;
        padding-bottom: 4px;
        text-align: left;
        background-color: #fff;
        border: 0px;
}

.forminvisibleright { 
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #333;
        padding-bottom: 4px;
        text-align: right;
        background-color: #fff;
        border: 0px;
}

.formtableinvisible {
	padding: 4px 4px 4px 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.updatetext {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 12px;
	font-weight: bold;
        color: #66c;
        padding-bottom: 3px;
        padding-top: 3px;
}

.versionoption {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
}

.select {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
	height: 20px;
        width: 140px;
}

.selectlarge {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 280px;
}

.selectsmall {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 90px;
} 

.selectmultiple {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        width: 340px;
}

.selectmultiplesmall {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        width: 140px;
} 

.selectmultiplemedium {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        width: 240px;
}

.sitelist {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 230px;
}

.submit {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
}

.submit120 {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 120px;
}

.submit140 {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 140px;
} 

.submit180 {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 180px;
}

.submit210 {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 11px;
        color: #000;
        height: 20px;
        width: 210px;
}

.copyright {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size: 10px;
        color: #000;
        text-align: center;
        padding-top: 2px;
}

.image {
	border: 1px solid black
}

/* mode indicator for global elements */

.mode_div {
  text-align: center;
  padding: 4px 4px 4px 0px;
  line-height: normal;
}

.mode_indicator {
  text-align: center;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #dddddd;
  border: 1px solid #000000;
  padding: 2px;
  white-space: nowrap;
}

/* background color indicator for global element state */
.global_element_active {
  padding: 4px 4px 6px 4px;
  border-bottom: 1px solid #ccc;
  background-color: #9f9;
}

.global_element_inprogress {
  padding: 4px 4px 6px 4px;
  border-bottom: 1px solid #ccc;
  background-color: #ff9;
}

.global_element_past {
  padding: 4px 4px 6px 4px;
  border-bottom: 1px solid #ccc;
  background-color: #ccf;
}

.cc_nav_new {
        clear: both;
        visibility: visible;
        background-color: #ffc;
        border: 1px solid #bb6;
        margin: 10px 10px 10px 10px;
        height: 22px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        border-radius: 4px;
        -moz-border-radius: 4px;
        vertical-align: center;
}

.cc_logo_new {
        padding: 2px 0px 2px 2px;
        font-size: 14px;
}

a.text {
	color: #00d;
}

/* link selection form classes and IDs */
div.cc_links_linkbar {
	text-align: left;
	margin-bottom: 0px;
	color: #ccc;
}

div.cc_links_linkbar a {
	text-decoration: none;
}

div.cc_link_div {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid #ccc; 
	text-align: left;
}

div.cc_link_select {
	float: right;
	width: 30px;
	margin-left: 10px;
	margin-bottom: 4px;
}

div.cc_link_select a {
	color: #33c;
	text-decoration: none;
}

div.cc_link_entry {
	padding-bottom: 12px;
	margin-right: 8px;
	padding-right: 4px;
	background-color: #fff;
}

div.cc_link_entry:hover {
	background-color: #efefff;
}

div.cc_link_doc_div {
	padding-bottom: 12px;
	margin-right: 8px;
	padding-right: 4px;
	background-color: #fff;
}

div.cc_link_doc_div:hover {
	background-color: #efefff;
}

div.cc_link_item {
	margin-right: 40px;
}

div.cc_link_options {
	float: right;
	position: relative;
}

div.cc_link_options a {
	color: #33c;
	text-decoration: none;
}

div.cc_link_options_popup {
	display: none; 
	position: absolute; 
	width: 200px; 
	top: 15px; 
	left: -120px; 
	background-color: #eee; 
	border: 1px solid #ccc; 
	z-index: 100000; 
	padding: 4px; 
	margin-bottom: 4px;
}

/* image selection form classes and IDs */
div.cc_image_items {
	margin-bottom: 14px;
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid #ccc;
}

div.cc_image_item {
	margin-right: 40px;
	margin-bottom: 8px;
	text-align: left;
	clear: both;
}

div.cc_image_select {
	float: right;
	width: 30px;
	margin-left: 10px;
	margin-bottom: 4px;
}

div.cc_image_select a {
	color: #33c;
	text-decoration: none;
}

div.cc_image_admopts {
	float: right;
	width: 110px;
	margin-left: 10px;
	margin-bottom: 4px;
	text-align: right;
}

div.cc_image_admopts a {
	color: #33c;
	text-decoration: none;
}

div.cc_image_view {
	float: left;
	width: 100px;
	margin-bottom: 8px;
}

div.cc_image_info {
	margin-left: 110px;
}

div.cc_image_upload {
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px dashed #ccc;
	width: 100%;
	background-color: #eee;
	vertical-align: middle;
	margin-right: 3px;
	padding-top: 28px;
	padding-bottom: 28px;
	font-size: 24px;
}

/* document upload */
div#cc_document_upload_div {
	text-align: center;
}

/* document update */
div#cc_document_update_div {
	text-align: center;
}

div#cc_document_upload_text {
}

div#cc_document_browse_text {
	color: ##000;
	font-size: 12px;
	margin-top: 18px;
	text-align: center;
}

div.cc_document_upload {
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px dashed #ccc;
	width: 100%;
	background-color: #eee;
	vertical-align: middle;
	margin-right: 3px;
	padding-top: 28px;
	padding-bottom: 28px;
	font-size: 24px;
}

/* theme upload */
div#cc_theme_upload_div {
	text-align: center;
}

div#cc_theme_upload_text {
}

div#cc_theme_browse_text {
	color: ##000;
	font-size: 12px;
	margin-top: 18px;
	text-align: center;
}

div.cc_theme_upload {
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px dashed #ccc;
	width: 100%;
	background-color: #eee;
	vertical-align: middle;
	margin-right: 3px;
	padding-top: 28px;
	padding-bottom: 28px;
	font-size: 24px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* wrapper for tabs */
div.cc_tabs {
    margin-top: 10px;
}

/* sortable ul styles */
ul {
	margin: 0;
	padding: 0;
	padding-left: 30px;
}

ul.sortable, ul.sortable ol {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}

ul.sortable {
	margin: 0px 0px 20px 0px;
}

.sortable li {
	margin: 5px 0 0 0;
	padding: 0;
}

.sortable li div  {
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #D4D4D4 #D4D4D4 #BCBCBC;
	padding: 6px;
	margin: 0;
	cursor: move;
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	text-align: left;
	font-weight: bold;
}

.sortable li div a {
	color: #33c;
	text-decoration: none;
	font-weight: normal;
}

.sortable li div .pagelist {
	line-height: 16px;
	display: none;
	margin-bottom: 0px;
	margin-top: 4px;
}

.sortable li div .pagelist span {
	font-weight: normal;
}

.sortable li div div.control {
	display:none;
	float: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 10px;
}

.sortable li.mjs-nestedSortable-branch div {
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f0ece9 100%);

}

.sortable li.mjs-nestedSortable-leaf div {
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#bcccbc 100%);
}

a.cc_link {
	color: #33c;
	text-decoration: none;
	font-weight: normal;
}