/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body
{
    line-height: 1.5;
}
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
table, td, th
{
    vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}
a img
{
    border: none;
}

/* typography */
body
{
    font-size: 75%;
    color: #2d2e2f;
    background-color: #FFF;
    font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif; /*background:#ececec url(../images/body-bg.png) left top repeat-x;*/
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #111;
    padding: 0;
    margin: 0;
}
h1
{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 4px;
}
h2
{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0px;
}
h3
{
    font-size: 14px;
    font-weight: bold;
    color: #373331;
}
h4
{
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
}
h5
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}
h6
{
    font-size: 1em;
    font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
}
p
{
    margin: 0 0 1.5em;
}
p img.left
{
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right
{
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
    color: #18bbff;
    text-decoration: none;
}
a
{
    color: #27aefb;
    text-decoration: none;
}
blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
strong
{
    font-weight: bold;
}
em, dfn
{
    font-style: italic;
}
dfn
{
    font-weight: bold;
}
sup, sub
{
    line-height: 0;
}
abbr, acronym
{
    border-bottom: 1px dotted #666;
}
address
{
    margin: 0 0 1.5em;
    font-style: italic;
}
del
{
    color: #666;
}
pre
{
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5;
}
li ul, li ol
{
    margin: 0 1.5em;
}
ul, ol
{
    margin: 0 1.5em 0 1.5em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
dl
{
    margin: 0 0 1.5em 0;
}
dl dt
{
    font-weight: bold;
}
dd
{
    margin-left: 1.5em;
}
th
{
    font-weight: bold;
}
thead th
{
    background: #c3d9ff;
}
/*th, td, caption {padding:4px 10px 4px 5px;}*/
tr.even td
{
    background: #e5ecf9;
}
tfoot
{
    font-style: italic;
}
caption
{
    background: #eee;
}
form
{
    padding: 0;
    margin: 0;
    display: inline;
}
.small
{
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}
.large
{
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}
.hide
{
    display: none;
}
.quiet
{
    color: #666;
}
.loud
{
    color: #000;
}
.highlight
{
    background: #ff0;
}
.added
{
    background: #060;
    color: #fff;
}
.removed
{
    background: #900;
    color: #fff;
}
.first
{
    margin-left: 0;
    padding-left: 0;
}
.last
{
    margin-right: 0;
    padding-right: 0;
}
.top
{
    margin-top: 0;
    padding-top: 0;
}
.bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* forms */
label.error
{
    color: #d11818;
    font-size: 0.8em;
    display: block;
    font-weight: normal;
}
/*error label*/
fieldset
{
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}
input[type=text], input[type=password], input.title, textarea, select
{
    margin: 0.5 0;
    border: 1px solid #bbb;
}
input[type=radio]
{
    margin: 5px 4px 5px 0;
    padding: 0;
    vertical-align: middle;
}
input[type=checkbox]
{
    margin: 2px 2px 4px 0;
    padding: 0;
    vertical-align: middle;
}
input.text:focus, input.title:focus, textarea:focus, select:focus
{
    border: 1px solid #97cdff;
}
/* focus */
input[type=text], input[type=password], input.title, select
{
    width: 150px;
    padding: 3px 2px;
}
input.title
{
    font-size: 1.5em;
}
textarea
{
    width: 390px;
    height: 100px;
    padding: 5px;
    font-size: 12px;
    font-family: arial;
    padding: 3px 2px;
}
input[type=file]
{
    background-color: White;
    border: 1px solid #aeaeae;
}
span.required
{
    color: #a32635;
    font: bold 14px/12px Verdana;
}

/* elements */
.right
{
    width: 49%;
    text-align: right;
    float: right;
}
.left
{
    width: 50%;
    float: left;
}
.parent
{
    width: 100%;
    display: block;
}
.parent:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.line, .dotline
{
    margin: 2px 0 2px 0;
    display: block;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 100%;
    border-top: 1px solid #dbe1e5;
}
.dotline
{
    border-style: dotted;
}
.clear
{
    clear: both;
}
.template, .hidden
{
    display: none;
}
.center
{
    text-align: center;
    margin: 0 auto;
}

/* asp.net mvc validation */
.input-validation-error, input.error, textarea.error
{
    display: block;
    border: solid 1px #c61a0c !important;
}
.field-validation-error, label.error
{
    font-size: 11px;
    color: #c61a0c;
}


/* sections */
.container
{
    margin: 0 auto;
    width: 790px;
    text-align: left; /*background:#FFF url(../images/container-bg.png)  repeat-y;*/
}

#footer
{
    border-top: solid 1px #dbe1e5;
    font-size: 11px;
    padding-top: 10px;
    margin-top: 10px;
}
#footer a
{
}

h2.action a, h1.action a
{
    font-size: 14px;
    padding-left: 5px;
}
h1.action a
{
    font-size: 13px;
}


/* table
----------------------------------------------- */

.gridtable
{
    border: solid 1px #e3e3e3;
}

.gridtable tr.header td, .gridtable tfoot tr th, .gridtable thead tr th
{
    
    border-bottom: 1px solid #e3e3e3;
}
.gridtable thead tr.pagerhead th
{
    font: normal 1.0em verdana;
}

.pagerhead .pager a:link, .pagerhead .pager a:visited, .pager span
{
    display: inline-block;
}

.pagerhead .pager span
{
    color: #6f6f6f;
}

.pagerhead .pager a:link:hover, .pagerhead .pager a:visited:hover
{
    color: #dd8620;
}

.pagerhead .pager a.currentpage:link, .pagerhead .pager a.currentpage:visited
{
    background-color: #f7d7d7;
    font-weight: bold;
}


.gridtable thead tr.columnhead th
{
    background-color: #fff8f0;
    font: normal 1.0em verdana;
}

.gridtable tr.column th:last-child
{
    border-right: none;
}

.gridtable tr td, .gridtable tr th
{
    vertical-align: top;
    padding: 6px 6px;
}

.gridtable tbody tr td
{
    border-bottom: 1px dotted #d0d5dc;
    text-align: left;
}
.gridtable tbody tr:last-child td
{
    border-bottom: none;
}


.gridtable tr.altrow td
{
    background-color: #F5F5F5;
}

.gridtable tr.selected td
{
    background-color: #fff2d4;
}

.gridtable .label
{
    vertical-align: top;
    text-align: right;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
}


.gridtable .label .req
{
    color: #b76868;
    display: inline-block;
    padding-right: 2px;
}

.gridtable div.tip, div.tip
{
    padding: 2px 0 0 0;
    font-size: 11px;
    text-align: left;
    color: #777;
}

.gridtable div.errortxt
{
    color: #d11818;
    font-size: 11px;
}

.gridtable input.errorfield
{
    border: 1px solid #d11818;
}

.gridtable tfoot tr th
{
    border: 0;
}

/*pager*/
.pager
{
    padding-top: 15px;
    text-align: center;
    margin: 0 auto;
}
.pager a:link, .pager a:visited, .pager span
{
    margin-left: 3px;
    padding: 0 2px 0 2px;
}

.pager a:visited, .pager a:link, pager span
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 2px 6px;
    text-decoration: none;
}
.pager span
{
    color: #7c7c7c;
}

.pager a:link:hover, .pager a:visited:hover
{
    background-color: #ffe7ad;
    color: #3c332a;
}
.pager a.currentpage:link, a.currentpage:visited
{
    font-weight: bold;
    background-color: #ffd899;
    border: 1px solid #ffc066;
    color: #72614a;
}

div.infobox
{
    font-size: 12px;
    background-color: #fff9ce;
    margin: 0 0 10px;
    padding: 8px;
}



/* buttons
----------------------------------------------- */
a.custombtn:link, a.custombtn:visited, a.custombtndisabled:link, a.custombtndisabled:visited
{
    display: block;
    margin: 0 0 0 0;
    background: #c8d9ef url(img/btnbg.gif) right top repeat-x;
    border: 1px solid #98aeca;
    border-bottom: 1px solid #667c99;
    border-top: 1px solid #b2cae9;
    font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
    line-height: 135%;
    text-decoration: none;
    font-weight: bold;
    color: #405168;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px 4px 5px; /* Links */
}

a.custombtndisabled:link, a.custombtndisabled:visited
{
    color: #93a3c4;
    cursor: default;
}

a.custombtn img, a.custombtndisabled img
{
    margin: 0 0 -3px 0 !important;
    padding: 0;
    border: none;
}

a.custombtn:hover
{
    background: #e0f4ff;
    border: 1px solid #80c7ee;
    border-bottom: 1px solid #60a0c2;
    border-top: 1px solid #b6e2fb;
    color: #2e6586;
}

.btnprimary, .btnsecondary
{
    background: #A8793D url(../img/btnbg.gif) no-repeat;
    border: 1px solid #bcbcbc;
    padding: 4px 2px 3px;
    color: #FFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
}

.btnsecondary
{
    background: #5BBFF7 url(../img/btnbg2.gif) no-repeat;
    border: 1px solid #bcbcbc;
}




/*
tabs
----------------------------------------------- */

ul.tabs
{
    text-align: left;
    list-style-type: none;
    padding: 7px 0px 8px 0;
    margin: 0 auto;
}
ul.tabs li
{
    display: inline;
    margin: 0;
}

ul.tabs li.selected a
{
    background-color: #FFF;
    color: #213a4e;
    font: bold 14px arial;
    top: 3px;
    padding-top: 8px;
}

ul.tabs li a
{
    border: 1px solid #d0d5dc;
    background-color: #f5f5f5;
    font: normal 12px arial;
    color: #898a8c;
    border-bottom: none;
    position: relative;
    top: 2px;
    padding: 8px 14px;
    margin-right: 2px;
    text-decoration: none;
}

ul.tabs a:hover
{
    background-color: #d9fcff;
    color: #1b6887;
}

.tabcontainer
{
    border: 1px solid #d0d5dc;
    padding: 15px;
}


.pass, .note, .fail
{
    padding: 4px;
    margin-bottom: 20px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.fail div, .pass div, .note div
{
    font-size: 15px;
    font-weight: bold;
}
.fail
{
    background: #ffecec;
    color: #a22525;
    border-color: #b82d2d;
}
.note
{
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
.pass
{
    background: #d7ffb2;
    color: #304924;
    border-color: #a1d471;
}
.fail a
{
    color: #8a1f11;
}
.note a
{
    color: #514721;
}
.pass a
{
    color: #3d5f1d;
}

.counter
{
    color: #b01919;
    padding-left: 60px;
}

#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #e4c479;
    background-color: #fffbdf;
    padding: 3px;
    opacity: 0.85;
    color: #44423c;
}
#tooltip h3, #tooltip div
{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.time-sessions, .time-durations
{
    border-top: solid 1px #afb5bc;
    float: left;
    width: 100px;
}
.time-durations
{
    border-left: solid 1px #afb5bc;
}

.time-sessions
{
    width: 80px;
}


.time-sessions td, .time-durations td
{
    border-bottom: solid 1px #afb5bc;
    border-right: solid 1px #afb5bc;
    height: 25px;
}

.time-sessions td.available
{
    background-color: #e0ffc7;
}
.time-sessions td.available a
{
    display: block;
    line-height: 0;
    height: 24px;
    padding: 0;
    margin: 0;
}
.time-sessions td.available a:hover
{
    background-color: #fffbdd;
}

.time-sessions td.block
{
    background-color: #efefef;
}
.time-sessions td.selected
{
    background-color: #d3fcff;
}

.time-sessions .header, .time-sessions td, .time-durations td
{
    text-align: center;
}

.time-sessions .header, .time-durations .header
{
    line-height: 16px;
    height: 40px;
}


a.resource
{
    border: solid 1px #bdc3ca;
    padding: 6px;
    margin-bottom: 5px;
    line-height: 18px;
    display: block;
    color: #444e52;
}

a.resource h2
{
    color: #393d3e;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
a.resource:hover
{
    border: solid 1px #bcdfe9;
    background-color: #f7fdff;
}
a.selected, a.selected:hover
{
    border: solid 1px #a0e1f7;
    background-color: #def8ff;
}


div.step
{
    padding: 10px;
    border: 1px solid #dedede;
    margin-bottom: 15px;
}
div.step h2
{
    padding-bottom: 2px;
}

.selected-date
{
    border-bottom: dotted 1px #afb5bc;
    padding: 6px 2px;
}

.selected-date div
{
    float: left;
}
.selected-date .title
{
    font-weight: bold;
    width: 45%;
}
.selected-date .dts
{
    text-align: right;
    width: 35%;
}
.selected-date .dts span.time
{
    color: #959595;
}
.selected-date .remove
{
    text-align: right;
    float: right;
    width: 15%;
}

.headerline
{
    border-bottom: solid 1px #adadad;
}

.formtable, .formtable tbody tr td
{
    border-color: #e3e3e3;
}
.formtable .text
{
    padding-top: 2px;
    font-size: 14px;
}
span.tip
{
    font-size: 11px;
    color: #929393;
    padding: 0;
    margin: 0;
}

#rates
{
    text-align: left;
    padding: 10px;
    background-color: #fff8c4;
}

#rates table
{
    border: none;
}
#rates table tbody tr td
{
    border-bottom: 1px dotted #b2b1ab;
    padding-left: 0;
}
label.large
{
    font-size: 13px;
    font-weight: bold;
}
#rates table tbody tr td.price
{
    text-align: right;
}

#quote .item
{
    padding: 6px 0 8px;
    border-bottom: 1px dotted #b2b1ab;
}
#quote .description
{
    float: left;
}

#quote .description .header
{
    font-size: 14px;
    font-weight: bold;
}


#quote .price
{
    font-weight: bold;
    float: right;
    font-size: 15px;
}

#quote .total
{
    font-size: 20px;
}

#file-upload
{
    margin-left: -117px;
    width: 235px;
}

DIV.ProgressBar
{
    width: 100px;
    padding: 0;
    border: 1px solid #609035;
    margin-right: 1em;
    margin-top: 2px;
    height: .75em;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1; *display:inline;}
DIV.ProgressBar DIV
{
    background-color: #98ec4e;
    font-size: 1pt;
    height: 100%;
    float: left;
}
SPAN.asyncUploader OBJECT
{
    position: relative;
    top: 3px;
}

.completed-message
{
    display: block;
}


.pricequote
{
    background-color: #d4fb95;
    padding: 10px;
    margin-bottom: 15px;
}

.info
{
    background-color: #E9F2FD;
    padding: 15px;
}

#banner
{
    margin-bottom: 10px;
}


#rates .price
{
    vertical-align: top;
    font-weight: bold;
}

#uploadfile
{
    background-color: #fffabd;
    border: solid 1px #ffdb84;
    padding: 8px;
}

.btn
{
    border: solid 1px #9c9ea3;
    border-top: solid 1px #cdcdd0;
    border-left: solid 1px #cdcdd0;
    background: #FFF url(/content/images/grey-button-bg.png) bottom repeat-x;
    font: bold 12px arial;
    color: #525355;
    margin: 0;
    padding: 3px 8px;
}

#login
{
    width: 479px;
    font-weight: bold;
    color: #FFF;
    position: absolute;
    top: 0;
    margin-left: 180px;
    -margin-left: 0;
    padding: 0 0 8px 17px;
}

#logon
{
    width: 479px;
    font-weight: bold;
    position: absolute;
    top: 0;
    margin-left: 180px;
    -margin-left: 0;
    padding: 0 0 0 17px;
}
#login,#logon {*margin-left: 0;}
#LogonMenu
{
    width: 100%;
    height: 31px;
    font-weight: normal;
    background: #FFF url(/content/images/logon-menu-bg.png) left top no-repeat;
}

#contact
{
    width: 385px;
    font-weight: bold;
    color: #FFF;
    position: absolute;
    top: 63px;
    margin-left: 350px;
    height: 32px;
}


div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 5px; text-align: left
}