/* Styles for DiaryBook DB subdirectory */

/* Global Reset* /
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,br,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img
{ border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
*/
/*
    This messes with Ext.net combobox alignment
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
*/
/* HTML elements */
em { font-style: normal; font-weight: bold; color: #FF9966; }
body { background: #e8eff4; width: 100%; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 7.5pt; color: #5b5b5b;  }
p {margin: 14px 0;}

/**************** TESTING AREA ****************/

/* minimum height for datagrid pages - see also #main */

.pageHeader { position: relative; }
.topRightControl { position: absolute; top: 3px; right: 0px; }
.topRightLabel { font-size: 10pt; }
.formLabel1 { background-color: White; padding: 2px 5px 5px 5px; border: thin solid #cccccc; width:100%; }
.importCell { padding: 8px 10px; }

/*********************** / ********************/


/**************** main structural divs ****************/
/* head: area at top for logo, menus and information. Background image at bottom of area to mark top of work area */
#head { width: 940px; padding: 0px; margin: 10px auto 0px auto; height:100px; position: relative; background: url(../images/bg/wrap-top-blue.jpg) repeat-x left top; border-collapse: collapse;}
/* wrap: Main work area. Wrap has background image to show the area as a page */
#wrap { width: 940px; padding: 0px; margin: 0px auto; background: url(../images/bg/wrap-mid-blue.jpg) repeat-y; border-collapse: collapse; z-index: 0;}
/* main: This is the div that encapsulates the ContentPlaceHolder in the master page */
#main { position: static; margin: 0; padding: 10px 50px; min-height: 800px; }
/* footer: This is the bottom area. The background image at the top marks the bottom of the work area */
#footer { width: 940px; padding: 0px; margin: 0px auto 10px auto; text-align:left; background: url(../images/bg/wrap-bot-blue.jpg) repeat-x left top; border-collapse: collapse; }
#footerText { padding: 20px 40px; }
.menuwrap { position: relative; margin: 0px 20px; width: 900px; height: 45px; background: #36688B url(../images/bg/menu.jpg) repeat-x top center;}
/*******************************************************/

/***************** important page divs *****************/
#logo {position: absolute; top: 27px; left: 50px;}
.topnav { position: absolute; top: 30px; right: 20px; }
.topnav .link { float: left; display: block; padding: 0px 15px; text-decoration: none; /*background-color: #EDF2F6;*/ }
.topnav a { text-decoration: none; color: #003366; }
.topnav a:hover { color: #76B3F5; }
.topuser { position: absolute; top: 50px; right: 20px; color: #666666; padding: 0px 15px; font-size: 9pt; text-align: right; }
.topmenu { position: absolute; top: 60px; right: 40px; }
.topbar { border: none; position: absolute; top: 72px; right: 11px; width: 464px; height:28px; margin: 0px; padding: 0px; background: url(../images/bg/yellow-top2.png) no-repeat left top; }
/*******************************************************/


.outerLeft { float: left; width: 300px; margin: 0px 3px; padding: 0px 5px; }
.outerMain { float: left; margin: 0px 3px; padding: 0px 5px; }
/*
.outerLeft { float: left; width: 230px; margin: 0px 3px; padding: 0px 5px; }
.outerMain { float: left; margin: 0px 3px; padding: 0px 5px; }
*/
.innerLeft { float: left; width: 120px; margin: 0px 3px; padding: 0px; }
.innerMain { float: left; margin: 0px 3px; padding: 0px; }

/* Header block */
.headerBlock { padding: 10px; }
.headerBlock h1 { font-size: 12pt; }
.headerBlock h2 { font-size: 10pt; }

/* div boxes */
.blockbox {margin: 0px; padding: 0px 10px; background: url(../images/bg/blockbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.warnbox {color: #333333; font: bold 10px/15px Verdana, sans-serif; background: #fdf3bb; padding: 5px; border: 1px solid #f8a848; margin-bottom: 10px;}
.warnbox h1 { color: Red; padding: 2px 0px; margin: 0px; }
.warnbox lite { font-weight: lighter; }




/**************** headings ****************/
h1 { margin: 15px 0; font: bold 18px Arial, Verdana, sans-serif; color: #F49850; }
h2	{ margin: 15px 0; font: bold 14px Arial, Verdana, sans-serif; color: #36688b;}
h3	{ margin: 15px 0; font: bold 12px Arial, Verdana, sans-serif; color: #36688b;}

#logo h1 {float:left; font-size: 20px; color: #fff;}
#logo img {float:left;}

.pagehead {font: bold 20px/50px Arial, Verdana, sans-serif; background: url(../images/bg/line.gif) bottom left repeat-x;}
.orangetxt {color: #f8a848;}

/**************** links ****************/
a:link {color: #36688b;}
a:visited {color: #36688b;}
a:hover {color: #36688b;}


/**************** forms ****************/
input, select, textarea {font: 9px/15px Verdana, sans-serif; color: #5b5b5b;}
.x-form-field {font: 6px;}


/************** Ext.Net *******************/
.clientList-item { font:normal 11px tahoma, arial, helvetica, sans-serif; padding:3px 10px 3px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; }
.clientList-item h3 {display:block; font:inherit; font-weight:bold; color:#222; padding: 0px; margin: 0px; }
.statusBarWhite { color: #ffffff; }
.statusBarBlack { color: #000; }
.gridLink { color: Blue; }
.gridLink:hover { text-decoration: underline; }
.datagrid800 { min-height: 800px; height: 800px; }
.extctrl { font-size: 8pt; }
.x-combo-list-item h1 { margin: 0px; padding: 0px; font-size: 10pt; font-weight: normal; color: #3375FF; }
.x-combo-list-item h2 { margin: 0px; padding: 0px; font-size: 8pt; font-weight: normal; color: Black;}
.toolbarLabel { color:Navy; }
.eventList-item { font:normal 11px tahoma, arial, helvetica, sans-serif; padding:3px 10px 3px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; }
.eventList-item h3 {display:block; font:inherit; font-weight:bold; color:#222; padding: 0px; margin: 0px; }

/* account_addfaxnumber dataview object */
div.DataView1_itemWrap { float: left; border: 1px solid transparent; margin: 5px 15px 5px 15px; width: 100px; cursor: pointer; text-align: center; }
div.DataView1_itemWrap h1 { font-size: 10pt; font-family: Arial; font-weight: bold; color: Black; }
.DataView1 .itemOver { border: 1px solid; }
.DataView1 .itemSelect { border: 1px solid; color: DarkBlue; }
.DataView1 .itemSelect h1 { color: DarkBlue; }


/* message_templates image manager dataview object */
div.thumb-wrap { float: left; border: 1px solid #eeeeee; margin: 5px; width: 100px; height: 110px; cursor: pointer; text-align: center; }
div.thumb { padding: 2px; border: 1px solid transparent; }
div.thumb img { width: 75px; height: 75px; }
div.thumb-select { border: 1px solid #101099; color: DarkBlue; }
div.thumb-over { border: 1px solid #101099; }

/* account_upgrade dataview object */
div.DataViewUpgrade_itemWrap { float:left; border: 1px solid transparent; margin: 5px 15px 5px 15px; padding: 5px 20px; width: 200px; cursor: pointer; text-align: left; }
div.DataViewUpgrade_itemWrap h1 { font-size: 16pt; font-family: Arial; font-weight: bold; color: Black; }
.DataViewUpgrade .itemOver { border: 1px solid; background-color: #eaffff; }
.DataViewUpgrade .itemSelect { border: 1px solid; color: DarkBlue; background-color: #eaffff; }
.DataViewUpgrade .itemSelect h1 { color: DarkBlue; }
.DataViewUpgrade_table td { padding: 0px 25px 0px 0px; }

/* Appointment Calendar */
.ext-color-1 { color: White; background: #3366CC; }
.ext-cal-day-col .ext-color-1 { color: White; background: #3366CC; }
.ext-color-2 { color: White; background: #339933; }
.ext-cal-day-col .ext-color-2 { color: White; background: #339933; }
.ext-color-3 { color: White;  background: #CC0000; }
.ext-cal-day-col .ext-color-3 { color: White; background: #CC0000; }
.ext-color-4 { color: Black; background: #FFCC00; }
.ext-cal-day-col .ext-color-4 { color: Black; background: #FFCC00; }
.ext-color-0 { color: Black; background: url(../images/bg/blockedout.gif) repeat left top; }
.ext-cal-day-col .ext-color-0 { color: Black; background: url(../images/bg/blockedout.gif) repeat left top; }


/**** Cart *****/
.ccgrid .x-grid-cell { font-size: 14px; }

/** Client Form **/
/* window is 400px across; body padding 10px: div padding 20px; */
.clientFormCol { float: left; padding: 0px 10px; width: 200px; }
.clientOppImage { float: left; padding: 0px 10px; }
.clientFormCol p { margin: 0px 0px 5px 0px; padding: 0px; }
.clientFormCol br { margin: 0px; padding: 0px; }


/* TimeLine */
.tl_yellow { background-color: #FFFFEF; }
.tl_yellow tr:hover { background-color: #F0F0F0; }
.tl_green { background-color: #F9FFF9; }
.tl_green tr:hover { background-color: #F0F0F0; }
.tl_red { background-color: #FFF8F8; }
.tl_red tr:hover { background-color: #F0F0F0; }
.tl_norm tr:hover { background-color: #F0F0F0; }
        

/*
Events */
.evtHeader { font: bold 18px Arial, Verdana, sans-serif; color: #F49850; }
.evtHeaderLabel { font: bold 18px Arial, Verdana, sans-serif; }
.evtSubheader { font: 15px Arial, Verdana, sans-serif; }
.evtSubheaderLabel { font: bold 15px Arial, Verdana, sans-serif; }
.evtStatusLabel_Good { color: Green; }
.evtStatusLabel_Bad { color: Red; }
.evtrow_norm { }
.evtrow_total { background-color: Gray; color: White; }



/***** Cookies *****/
#divCookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    color: white;
    font-size: larger;
    padding: 20px 80px;
    z-index: 99;
    opacity: .7;
}

    #divCookies a {
        color: aliceblue;
    }

.stupid_aspnet_inline_checkbox, .stupid_aspnet_inline_checkbox input, .stupid_aspnet_inline_checkbox label {
    width: auto;
}




/* Legal */
.privacy-policy {
    font-size: 13pt;
}

    .privacy-policy p {
        line-height: 20pt;
        margin-bottom: 10px;
    }

    .privacy-policy table tr td {
        vertical-align: top;
        padding: 20px;
    }

    .privacy-policy ul {
        margin: 30px 50px;
    }

        .privacy-policy ul li {
            list-style-type: circle;
            margin-bottom: 5px;
        }


    .privacy-policy h1 {
        font-size: 22pt;
        margin-top: 20px;
        margin-bottom: 2px;
        color: #333;
    }

    .privacy-policy h2 {
        font-size: 19pt;
        margin-top: 20px;
        margin-bottom: 2px;
        color: #333;
    }

    .privacy-policy h3 {
        font-size: 16pt;
        margin-top: 8px;
        margin-bottom: 2px;
        color: #333;
    }