html{background-color: #fff}
body{padding: 0; margin: 0; min-width: 990px; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #fcfcfc; font-size: 13px}
.clear{clear: both; font-size: 1%; display: block}
a img{border: none}
a{outline: none}
.break{clear: both; font-size: 1%}
.messageBox, .errorBox{text-align: center; padding: 8px 10px; font-weight: bold; font-size: 13px; margin: 10px auto}
.messageBox{border: 1px solid #006600; background-color: #c8eeae; color: #006600}
.errorBox{border: 1px solid #cc0033; background-color: #fee2e6; color: #cc0033}
.pagerBox{margin: 10px; text-align: center;}
select[multiple="multiple"]{height: 10em}
pre {
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
}

a.deleteLink{padding-left: 20px; background: url(/sfPropelPlugin/images/delete.png) top left no-repeat;}
a.addLink{padding-left: 20px; background: url(/sfPropelPlugin/images/new.png) top left no-repeat;}
a.editLink{padding-left: 20px; background: url(/sfPropelPlugin/images/edit.png) top left no-repeat;}

#sf_admin_container{margin: 10px 0}
#sf_admin_container input[type=text], #sf_admin_container form input[type=password], #sf_admin_container textarea{width: 500px}
#sf_admin_container form input.short{width: 300px}
#sf_admin_container form input.tiny{width: 80px}
#sf_admin_container .standardAdminForm input[type="text"]{width: 500px}
#sf_admin_container .standardAdminForm textarea{width: 500px; height: 200px}
#sf_admin_container textarea{width: 500px; height: 200px}
#sf_admin_container label{
    width: 20em;
    text-align: right;
}
#sf_admin_container .sf_admin_form_row .content{ 
    padding-left: 21em;
}

#sf_admin_container form div.imageBox{margin-left: 9em}
#sf_admin_container form div.imageBox label{float: none; display: inline}
#sf_admin_container form div.imageBox img{margin: 0; border: 1px solid #ddd; padding: 3px}

#sf_admin_container tr.noBottomBorder td{border-bottom: none}
#sf_admin_container tr td.commentsField{border-top: none; padding: 5px 5px 10px 5px; font-size: 11px}
#sf_admin_container tr td.commentsField a{color: blue; text-decoration: underline;}

#header{text-align: center; background: url(/images/backendHeader.png) top left repeat #eee; padding: 5px 0; border-bottom: 1px solid #ddd;}
#header h1{text-shadow: #777 3px 3px 10px; font-size: 14px; padding: 3px}
#footer{clear: both; text-align: center; background-color: #f2f2f2; padding: 3px 0; border-top: 1px solid #fff; border-bottom: 2px solid #ddd;}

#top_menu{background-color: #f2f2f2; border-top: 1px solid #fff; border-bottom: 2px solid #ddd;}
#top_menu ul{list-style-type: none; margin: 0; position: relative;}
#top_menu ul li{float: left; list-style-type: none;}
#top_menu ul li a{font-weight: bold; color: #555; text-decoration: none; display: block; padding: 7px 20px; background-color: #f2f2f2;}
#top_menu ul li a:hover{background-color: #ddd;}
#top_menu ul li a.active{background-color: #ddd}

#wrapper{clear: both; margin: 0; min-height: 500px; overflow: hidden; padding: 0 10px 10px 10px; border-top: 2px solid #fff; border-bottom: 2px solid #ddd}


#loginBox{
  width: 245px;
  background: url(/images/backendHeader.png) top left repeat-x #eee;
  margin: 200px auto;
  border: 1px solid #aaa;
  padding: 25px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 15px;
  -moz-border-radius: 15px;
}
#loginBox fieldset{border: none;}
#loginBox div{clear: both; margin-bottom: 10px}
#loginBox div label{width: 50px; display: block; float: left; text-align: right; margin-right: 5px; font-weight: bold}
#loginBox input[type=text],#loginBox input[type=password]{width: 12em; margin-left: 5px; border: 1px solid #aaa; line-height: 18px}
#loginBox input[type="submit"]{margin-left:90px; width: auto; padding: 2px 15px}
#loginBox fieldset div .formErrors{margin: 0 0 0 60px; padding: 0; font-size: .8em; color: #f00; list-style-type: none}
#loginBox fieldset div .formErrors li{color: red; list-style-type: none}

label span.required{color: #f00; font-weight: bold}
.formErrors {margin-left: 9em;}
.formErrors li{color: #f00; list-style-type: none}

.globalStats h1{text-align: center}
.globalStats table{width: 600px; margin: 50px auto; border-collapse: separate; border-top: 1px solid #ddd;}
.globalStats table td, .globalStats table th{padding: 8px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.globalStats table th{text-align: left; background:  url(/images/backendHeader.png) top left repeat-x #eee;}
.globalStats table td{text-align: right;}

#sf_admin_content.publisherStats table td{text-align: right}
#monthlyStats table th{border: 1px solid #ccc}
#monthlyStats table td{text-align: right; border: 1px solid #ccc}



#eventDates{margin-bottom: 40px}
#eventDates #dateForm form{background-color: #e7eef6; border: 1px solid #c6e1fc; padding: 7px}

#cardCategoriesTree{margin-bottom: 15px;}
#cardCategoriesTree table{margin-top: 15px}
#cardCategoriesTree table tr:hover td{background-color: #ffffd2}
#cardCategoriesTree table th{background-color: #E7EEF6; text-align: left; padding: 5px 10px}
#cardCategoriesTree table td{background: url('/images/bull_navy2.gif') 5px center no-repeat; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
#cardCategoriesTree table td.category{padding-left: 20px; padding-right: 20px}
#cardCategoriesTree table td.subcategory{padding-left: 35px; padding-right: 20px; background-position: 20px center;}
#cardCategoriesTree table td.actions{background-image: none}
#cardCategoriesTree table td.priority{background-image: none; text-align: right}
#cardCategoriesTree table td.symbolic{background: url('/images/link.gif') 15px center no-repeat; padding-left: 35px}
#cardCategoriesTree table td.description{padding: 0 10px; background-image: none;  font-size: 11px}
#cardCategoriesTree table td.description img{float: left; padding: 2px; border: 1px solid #ddd; margin: 0 5px 5px 0;}
#cardCategoriesTree a{color: #00f; text-decoration: none}
#cardCategoriesTree a:hover{text-decoration: underline}

.langVersions{margin-top: 10px; color: #aaa; font-size: 11px}
.langVersions span{display: block; float: left; width: 11px; height: 11px; border: 1px solid #ccc; padding: 2px; background-color: #f5f5f5; margin: 2px; text-align: center;}

#sf_admin_container td .help{font-size: 11px}

#sf_admin_container a.blueButton{padding: 2px 4px; background-color: #C6E1FC; color: #000; border: 1px solid #8ac1f9; text-shadow: 0 0 15px #000; margin: 2px 0;}
#sf_admin_container a.blueButton:hover{text-decoration: none; text-shadow: 0 0 1px #fff}
.cardBackgroundImgBox{position: relative; overflow: hidden; border: 1px solid #000; float: none; margin-bottom: 5px;}
.cardBackgroundImg{position: absolute; z-index: 3; top: 0; left: 0;}
.cardForegroundImg{position: absolute; z-index: 5; top: 0px; left: 0px;}
.cardForegroundImg:hover{cursor: move;}
.cardForegroundImgOverlay{position: absolute; z-index: 5; width: 0; height: 0; border: 1px solid #aaa; background: url('/images/transparent.gif') repeat transparent;}
.cardForegroundImgOverlay{cursor: move;}

.cardBackgroundImgBox .ui-resizable-handle{  
  background-color:#333333;
  border:1px solid #FFFFFF;
  height:8px;
  overflow:hidden;
  position:absolute;
  width:8px;
}
.cardBackgroundImgBox .ui-resizable-se{bottom:-10px; cursor:se-resize; right:-10px;}
.cardBackgroundImgBox .ui-resizable-e {cursor:e-resize; margin-top:-5px; right:-10px; top:50%;}
.cardBackgroundImgBox .ui-resizable-ne {cursor:ne-resize; right:-10px; top:-10px;}
.cardBackgroundImgBox .ui-resizable-n {cursor:n-resize; left:50%; margin-left:-5px; top:-10px;}
.cardBackgroundImgBox .ui-resizable-nw {cursor:nw-resize; left:-10px; top:-10px;}
.cardBackgroundImgBox .ui-resizable-w {cursor:w-resize; left:-10px; margin-top:-5px; top:50%;}
.cardBackgroundImgBox .ui-resizable-sw {bottom:-10px; cursor:sw-resize; left:-10px;}
.cardBackgroundImgBox .ui-resizable-s {bottom:-10px; cursor:s-resize; left:50%; margin-left:-5px;}

#sf_admin_container .emailTemplateHelper{color: #777; border: 1px solid #ddd; padding: 5px; background-color: #f5f5f5;}
#sf_admin_container .emailTemplateHelper tr{border: none; background-color: transparent}
#sf_admin_container .emailTemplateHelper th,
#sf_admin_container .emailTemplateHelper td{background-color: transparent; padding: 3px 5px; border: none}

.imagesList img{padding: 2px; width: 100px; height: 100px}
.imagesList a{margin: 0 5px}
.imagesList a{text-decoration: none;}
.imagesList a.selected img{outline: 2px solid #f00}

#sf_admin_container .sf_admin_form_row{overflow: hidden}
#sf_admin_container .sf_admin_filter form select, #sf_admin_container .sf_admin_filter form input[type=text]{width: 130px}

.ecardsList td, .ecardsList th{padding: 8px 5px; font-size: 12px}
.ecardsList td.sf_admin_list_td_senderEmail, .ecardsList td.sf_admin_list_td_recipient_email{font-weight: bold}
.ecardsList tr.even td{background-color: #f7f9fb}

#receivedEcard h3.title{font-size: 20px; text-align: center; padding: 30px 0 5px 0}
#receivedEcard #ecard{position: relative; margin: 0 auto 15px auto; width: 941px; background: url(/images/whiteWindow2.png) 0 0 no-repeat transparent; padding: 10px}
#receivedEcard #cardDetails{width: 650px}
#receivedEcard #ecard .bottom{position: absolute; width: 961px; height: 15px; bottom: -15px; left: 0px; background: url(/images/whiteWindow2.png) 0px -1952px no-repeat transparent}
#receivedEcard #right{width: 250px; float: right; font-family: Verdana; margin: 215px 0 15px 0; position: relative; background: url(/images/transparentWindow.png) 0 -15px no-repeat transparent; padding: 0 10px}
#receivedEcard #right .top{margin: 0; width: 255px; height: 15px; background: url(/images/transparentWindow.png) 0 0 no-repeat transparent; position: absolute; top: -15px; left: 0}
#receivedEcard #right .top div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url(/images/transparentWindow.png) -979px 0 no-repeat transparent}
#receivedEcard #right .bottom{margin: 0; width: 255px; height: 15px; background: url(/images/transparentWindow.png) 0 -1976px no-repeat transparent; position: absolute; bottom: -15px; left: 0}
#receivedEcard #right .bottom div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url(/images/transparentWindow.png) -979px -1976px no-repeat transparent}
#receivedEcard #right p{margin: 0 0 5px 0}
#receivedEcard #right h3{padding: 0 0 5px 0}
#receivedEcard #right #senderBox{margin-bottom: 15px}
#ecardPreview #greetings{margin: 25px 0 15px 0; width: 834px; padding: 0 10px; background: url(/images/transparentWindow.png) 0 -15px no-repeat transparent; position: relative}
#ecardPreview #greetings .top{margin: 0; width: 839px; height: 15px; background: url(/images/transparentWindow.png) 0 0 no-repeat transparent; position: absolute; top: -15px; left: 0}
#ecardPreview #greetings .top div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url(/images/transparentWindow.png) -979px 0 no-repeat transparent}
#ecardPreview #greetings .bottom{margin: 0; width: 839px; height: 15px; background: url(/images/transparentWindow.png) 0 -1976px no-repeat transparent; position: absolute; bottom: -15px; left: 0}
#ecardPreview #greetings .bottom div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url(/images/transparentWindow.png) -979px -1976px no-repeat transparent}
#receivedEcard #ecardPreview #greetings{width: 900px;}
#receivedEcard #ecardPreview #greetings .top{width: 905px;}
#receivedEcard #ecardPreview #greetings .bottom{width: 905px;}
#ecardPreview{position: relative; padding: 10px;}
#ecardPreview #stamp{position: absolute; top: 10px; right: 80px; width: 134px; height: 135px; background: url(/images/icons.png) -615px 0 no-repeat transparent;}
#ecardPreview #stampLight{position: absolute; top: 10px; right: 80px; width: 134px; height: 135px; background: url(/images/icons.png) -679px -266px no-repeat transparent;}
#ecardPreview #postStamp{position: absolute; top: 50px; right: 10px; width: 121px; height: 146px;  background: url(/images/icons.png) -749px 0 no-repeat transparent;}

#stats table{margin: 10px auto}
#stats table td, #stats table th{border: 1px solid #78b8f8; padding: 5px 10px}
#stats table th{background-color: #e5f1fd}
#stats table td{text-align: right}
#stats table tr.sum td{background-color: #e5f1fd}

.standardForm{margin: 10px 0; line-height: 1em;}
.standardForm fieldset{border: none}
.standardForm fieldset>div{clear: both; margin-bottom: 10px}
.standardForm fieldset div label{width: 170px; display: block; float: left; text-align: right}
.standardForm fieldset div label.noFloat{float: none;}
.standardForm fieldset div label.oneLine{display: inline; float: none}
.standardForm fieldset div label span{color: red}
.standardForm fieldset div input{margin-left: 5px}
.standardForm fieldset div input[type="text"],
.standardForm fieldset div input[type="password"],
.standardForm fieldset div input[type="file"]{width: 300px}
.standardForm fieldset div input.auto{width: auto;  margin-left: 5px}
.standardForm fieldset input[type="submit"],
.standardForm fieldset input[type="button"]{margin-left: 175px}
.standardForm fieldset div textarea{width: 550px; height: 200px;  margin-left: 5px}
.standardForm fieldset div select{margin-left: 5px}
.standardForm fieldset div ul.radio_list li{display: inline; padding-left: 5px;}
.standardForm fieldset div ul.radio_list li label{display: inline; float: none;}
.standardForm fieldset div .form_error{margin: 0 0 0 175px; font-size: 0.8em; color: #f00;}
.standardForm fieldset div .formHint{margin: 0 0 0 175px; font-size: 0.8em; color: #aaa;}
.standardForm fieldset div .formErrors{margin: 0 0 0 175px; padding: 0; font-size: .9em; color: #f00; list-style-type: none}
.standardForm fieldset div .error_list{margin-left: 175px}
.standardForm fieldset div .error_list li{color: red; background: none; padding: 0; list-style: none;}
.standardForm fieldset div .formErrors li{color: red; background: none; padding: 0; list-style: none;}

#allTags{overflow: hidden; width: 870px; height: 600px;}
#allTags #tagsCategoriesBox{width: 200px; float: left; border-right: 1px solid #c6e1fc; min-height: 600px; background-color: #f3f8fe;}
#allTags #tagsCategoriesBox h3{padding: 5px;}
#allTags #tagsCategories{padding: 10px; margin: 0}
#allTags #tagsCategories li{list-style-type: none; margin: 5px 0}
#allTags #tagsCategories li a{text-decoration: none; color: #000}
#allTags #tagsCategories li a:hover, #allTags #tagsCategories li a.active{text-decoration: underline;}
#allTags #tagsBox{width: 650px; float: right; overflow: auto; height: 600px}
#allTags #tagsBox h3{padding: 5px;}
#allTags #tags{margin: 0}
#allTags #tags li{list-style-type: none;}
#allTags #tags>li{display: none;}
#allTags #tags ul{margin: 0}
#allTags #tags ul li{margin: 5px 0}

#sf_admin_container th {background: url(/images/backendHeader.png) 0 -50px repeat-x #eee; padding: 5px;}
#sf_admin_container td{padding: 5px}
#sf_admin_container .metaTagsForm label{width: auto}
#sf_admin_container .metaTagsForm input[type=text], #sf_admin_container .metaTagsForm textarea{width: 50em}
#sf_admin_container .metaTagsForm textarea{height: 5em}

#sf_admin_container .mceLayout td{padding: 0; vertical-align: middle;}
#sf_admin_container .mceLayout tr{border: none; background-color: transparent;}

.publishers_role_checkbox_list{margin: 0; padding: 0}
.publishers_role_checkbox_list li{list-style-type: none;}