﻿
body { background: url(/Content/img/background_rose.jpg) center 50px; font-size: 12px; letter-spacing:0.00em;  font-family:Helvetica;  /* font-family: 'trebuchet ms' , 'trebuchet' , 'Lucida Grande' ,Arial,sans-serif; */ margin: 0; padding: 0; color: #292929; }
body { }
input, textarea { font-size: 1em; font-family: 'trebuchet ms', 'trebuchet', 'Lucida Grande', Arial, sans-serif;  }
a { text-decoration: none; color: #a7648d; color:#224174; text-decoration: underline; }
a:link { color: #a7648d; color:#224174;text-decoration: underline; }
a:visited { color: #a7648d;color:#224174; }
a:hover { color: #a7648d; text-decoration: none; }
a:active { color: #a7648d; color:#C8578A;}
a img { border: none; }

/* p, ul { margin-bottom: 20px; line-height: 1.43em; } */
p { margin-top:0px; }
p, ul { margin-bottom: 1.6em; line-height: 1.6em; }
img.left  { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 0 0 20px 20px; }
.clearafter:after { content:"."; display:block; height:0px; clear:both; font-size: 0px; line-height:0px; margin:0px; padding:0px; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #b66d8e;  font-family: 'trebuchet ms' , 'trebuchet' , 'Lucida Grande' ,Arial,sans-serif; color:#d47fa5; color:#d4729e; }

/* h1 { font-size: 1.6em; padding-bottom: 0; margin-bottom: 20px; margin-top: 0px; margin-left: -20px; height: 35px; padding-left: 20px; padding-top: 15px; margin-right: -20px; background: url(/Content/img/content_header.png) repeat-x; line-height: 1em; color: #FFF;  }
h1.black_header { background: url(/Content/img/column_header.png) repeat-x; } */

h1 { font-size: 1.2em; letter-spacing:0.2em; font-weight:normal;  margin:0px -20px 20px -20px; height: 31px; padding: 6px 0px 0 20px;  background: url(/Content/img/content_header.png) repeat-x 0 -5px #ED80B1; color: #FFF;  }

h1 {  font-size: 1.25em; letter-spacing:normal; font-weight:bold;  margin:0px -20px 20px -20px; height: 28px; padding: 8px 0px 0 20px; color:#FFF;}
h1 {  background: url(/Content/img/column_header.png) repeat-x 0 -5px}
h1.black_header { background: url(/Content/img/column_header.png) repeat-x 0 -5px; color:#e2e0e0;}

h2 { font-size: 1.4em; line-height:1; padding: 0 0 0px 0; margin-bottom:.95em; }
h3 { font-size: 1.2em; line-height:1.25; margin-bottom:1em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

.no_top_margin { margin-top: 0px; }
.no_left_margin { margin-left: 0px; }
.no_bottom_margin { margin-bottom: 0px; }
.hidden { display:none; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 0px; }
#header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important; }
#footer { color: #999; padding: 20px 20px 10px 20px; text-align: right; line-height: normal; margin: 0; font-size: .9em; }

fieldset, .content_box {background-color:#FBFBFB;  padding:15px; margin-bottom:20px; border: solid 1px #E5E5E5; position:relative;}
.content_box .corner_rose { position:absolute; width: 81px; height:66px; right: -10px; bottom:-25px; background: url(/Content/img/box_corner_rose.png) no-repeat; z-index:100;}

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer { margin-top: -53px; margin-left: 380px; margin-right: 3px; padding-right: 0px; padding-bottom: 19px; }
ul#menu { padding: 0 20px 0 0px; position: relative; margin: 0; text-align: right; /*  background: url(/Content/img/main_navigation.png) no-repeat right; */ height: 36px; }
ul#menu li { display: inline; list-style: none; margin: 0px; padding: 0px; }
ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
ul#menu li a { margin-left: -3px; margin-top: 1px; padding: 9px 26px 0px 23px; display: inline-block; height: 24px; font-weight: bold; text-decoration: none; color: #222; background: url(/Content/img/main_navigation_divider.png) no-repeat right; }
ul#menu li a.last { background: none; }
ul#menu li a:hover { background-color: #fff; text-decoration: none; }
ul#menu li a:active { text-decoration: none; }
ul#menu li.selected a { background-color: #fff; color: #000; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { margin: 0 0 15px 0; padding-bottom:5px; border: solid 1px #CCC;border-left:none;border-right:none; }
fieldset h3 { margin-top:25px; letter-spacing:0.02em; }
fieldset div.p_tag_substitue,
fieldset p { margin: 2px 10px 5px 10px; clear:left; }
fieldset label { display: block; padding-top:3px; }
fieldset label.inline { display: inline; }
label { display: block; width: 150px; float:left; padding-top:0px; }
span.required_indicator { color:#b66d8e; }
fieldset p.text_only { margin-bottom:12px; }

fieldset div.label_with_block,
fieldset p.label_with_block { margin-left: 160px;}
fieldset .label_with_block label { margin-left: -150px;}
fieldset ul.radio_button_list { padding-left:160px; margin-top: -15px; padding-top:20px; }
fieldset ul.radio_button_list li { list-style:none;}
label.radio { display:inline; float:none;}

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
textarea { width: 260px; height:80px; border: 1px solid #d0bad8; }
textarea.content_editor { height: 200px; width:470px;}
input[type="text"] { width: 200px; border: 1px solid #d0bad8; }
input[type="password"] { width: 200px; border: 1px solid #d0bad8; }
fieldset input[type="submit"] { margin-left:150px; margin-top:10px; }
.field_help { color: #777; font-size: 0.95em; margin-bottom:10px;}
/* TABLE
----------------------------------------------------------*/
table { border: solid 1px #e8eef4; border-collapse: collapse; }
table td { padding: 5px; border: solid 1px #e8eef4; }
table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.clear_left { clear:left; }
.error { color: Red; }
.center_align { text-align:center; }



div#title { display: block; text-align: left; }

#logindisplay { font-size: 1em; text-align: right; margin: 10px 20px 10px 10px; float: right; padding-left:10px; background-color:#FFF; }
#logindisplay a { margin-left:5px; margin-right:5px;}
#logindisplay a:link { text-decoration: underline; }
#logindisplay a:visited { text-decoration: underline; }
#logindisplay a:hover { text-decoration: none; }

.field-validation-error { color: #ff0000; }

.input-validation-error,
input.input-validation-error { border: 2px solid #FBC2C4; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }


ul.no_indent { padding-left:0px;}
ul.no_indent li { margin-left:0px; list-style:none; margin-bottom:.5em; }


/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice, 
.success,
.validation-summary-errors  { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }

.error, .validation-summary-errors { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.error p,
.notice p, 
.success p { margin-top:10px; margin-bottom:0px;} 

.validation-summary-errors {}
span.validation-summary-errors { border-bottom: none; display:block; margin-bottom: 0px; }
ul.validation-summary-errors { margin:0 0 10px 0; padding:0 0 10px 30px; border-top:none;}

#error_page div { width:600px; height:350px; margin: 50px auto 0px auto; padding-top:40px; background-color: #FFF; text-align:center; }
#error_page img { margin-bottom:20px; }
#error_page h2 { font-size: 1.9em;}
