/*resets*/
* {margin: 0;padding: 0;font: 11px Verdana}
img {border: 0}

/*body*/
body { min-width: 980px }

/*generic*/
.c { clear: both}
.fl { float:left }
.fr { float:right }
.gray { color: #999 }
.hidden { display: none }

/*links*/
a {color: #34455D}
a:hover {color: #4F698D}

/*all tables*/
table {width: 100%;border-collapse: collapse}
th {text-align: left;font-size: 1.2em;border-bottom: 1px solid silver;padding: 5px;color: #444}
td {vertical-align: top;padding: 5px}
tr:hover {background: #f7f7f7}
tr.thRow:hover {background: url(/_cms/images/th.bg.png)}
tr.noHover:hover {background: #fff}
tr.thRow {background: url(/_cms/images/th.bg.png)}

/*list tables*/
td.Links {text-align: right}
td.Links a {margin: 0 0 0 5px}

/*vertical baseline*/
h1, h2, p, .sbFieldset .Buttons, label, .baseline, .SubNav {margin-bottom: 15px}

/*headers & paragraphs*/
h1 img {vertical-align: middle; margin-right: 10px}
h1, h2 { font-weight: bold }
h1, h1 a {color: #333333; font-size: 18px; font-weight: bold}
h2, h2 a {color: #333333; font-size: 16px; font-weight: bold}

/*Tabbing*/
#Tabs {background: url(/_cms/images/header.bg.png);height: 45px;padding: 0 0 0 10px;list-style: none}
#Tabs li {background: url(/_cms/images/header.bg.png);padding: 22px 0 0 0;float: left}
#Tabs a {height: 17px;padding: 6px 10px 0 10px;text-decoration: none;color: #96A7BB;display: block}
#Tabs a:hover {background: #253B57}
#Tabs a.Active {color: #fff;font-weight: bold;background: #657489}
.SubNav {background: url(/_cms/images/subnav.bg.png);height: 18px;padding: 10px;display: none}
.SubNav a {color: #fff;text-decoration: none;font-size: .95em;margin: 4px;padding: 8px}
.SubNav a:hover {color: #D8D8D8}
.SubNav.Active {display: block}

/*Primary Layout*/
#Main {padding: 0 10px; min-height: 500px; min-width: 800px; overflow: auto}
#Banner {position: absolute;top: 15px;right: 10px;font-size: .90em;color: #96A7BB}
#Banner a {color: #96A7BB}
.CreateBox {position: relative;display: none;top: 10px;left: 140px;background: #fff;border: 1px solid silver;width: 500px;padding: 16px}
.CreateBox .Text {width: 430px}

/*growl box*/
.growl {padding: 8px;color: #fff;background: #5BCA3F;border: 1px solid #03AF01;position: fixed;text-align: center;top: 0;left: 0;display: none;width: 100%}

/*File browser*/
#FileBrowser {border-top: 1px solid #ddd}
#FileBrowser #ImagePreviewDiv {width: 100px;height: 100px;vertical-align: middle}
#FileBrowser #ImagePreviewCell {width: 120px;text-align: center;background: #f7f7f7}
#FileBrowser #ImagePreviewCell #Links a {display: none}
#FileBrowser #ImagePreviewCell #Links {padding: 5px 0}
#FileBrowser #FileName {padding: 10px 0 5px 0}
#FileBrowser #TblFileList td {border-bottom: 1px solid #efefef}
#FileBrowser .Icon {vertical-align: middle}
#FileBrowser #UploadBar {}
#FileBrowser #Crumb {padding: 0 0 10px 0}
#FileBrowser #Crumb, #FileBrowser #Crumb a {font-size: 18px;color: #444}
#UploadIFrame {height: 0;width: 0;visibility: hidden}
#TemplateContent {width: 98.5%;height: 400px;padding-bottom: 15px}

/*forms*/
table.Fields {width: 570px}
table.Fields td {padding: 5px;vertical-align: middle}
td.Label {white-space: nowrap;text-align: right}
td.Field {width: 570px}
tr.Buttons td {padding-top: 15px}
table.Fields tr:hover {background: #fff}
input.Button {padding: 3px}
input.Text, textarea, select {width: 98%;padding: 3px}
input.Checkbox {margin-top: 4px}
select {width: 99.5%}
span.description {color: #999}

/*jQuery validate */
.error {color: Red}
label.error {float: none;width: auto;margin-left: 4px}
.helpBox {position: absolute;padding: 8px;border: 1px solid silver;background: #fff}

/*login page*/
#loginBox .Row { margin-top: 20px; color: #999 }
#loginBox .TextBox { padding: 6px 4px; width: 98%; border: 1px solid silver; margin-top: 2px }
#loginBox { width: 465px; height: 240px; margin: 70px auto; background-image: url(/_cms/images/login.png); padding: 30px}
#loginHeader {font: bold 30px "trebuchet ms", sans-serif}

/*basic forms*/
.bf_FieldBox { width:400px; min-height:15px; border:1px solid #d5d5d5; padding:5px; margin: 4px 0 }
.bf_FieldBox a {text-decoration:none}
.bf_FieldBox img {vertical-align:middle;padding-right:4px}
.bf_Area { width:415px; float:left; padding: 10px; margin: 15px; border: 1px solid #999; }
.bf_Area img { float: left; }
.bf_FriendlyName { width: 250px; float: left }
#bf_EditArea {display:none}

/*ui-dialog*/
.ui-dialog-title { font-size: 1.6em }

/*accordion*/
#accordion h3 { padding: 5px 5px 5px 25px }
#accordion div { border-top: 1px solid silver; }