/*
Author: 
Project:
Date:
Credit: Lee Munroe www.leemunroe.com
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################
dark brown #47433E
red-orange:#D3252A D3252A 211,37,42
Blue:#538BA6  83,139,166
dark-blue:#375C6D
Lighter-blue:#7EAABF
Yellow- Team - #A69D00,
Green-AGENT - #779E00,
Pink-Contrib - #7A005C,
Purple- OFFICE - #3C0470
*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:underline;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# Layout ################### 
*/

body{font:11pt/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;background:#FFF;}
div#wrapper {width:960px;overflow:auto;background:#FFF url(../img/bg.png) repeat-y;padding:0;margin:0 auto;}
div#nav_container{width:960px;height:43px;margin:0 auto;border:0px solid #999;padding:0;}
div#nav_fix{width:950px;height:10px;margin:0 15px;border-left:1px solid #fff;border-right:1px solid #fff;padding:0;background:#fff /* url(../img/nav_bg.png) repeat-x */;}
div#nav_l{height:43px;width:15px;float:left;background:transparent url(../img/nav_bg_l.png) no-repeat;/* margin:10px 0 0 0; */}
div#nav_r{height:43px;width:15px;float:left;background:transparent  url(../img/nav_bg_r.png) no-repeat;/* margin:10px 0 0 0; */}
div#nav {position:relative;width:930px;float:left;height:43px;background:transparent url(../img/nav_bg.png) repeat-x;/* margin:10px 0 0 0; */z-index:100;}
div#header{width:960px;margin:0 auto;}
div#footer{width:960px;margin:0 auto 50px;min-height:100px;text-align:center;}
div#content{width:950px; margin:0 auto;height:100%;min-height:900px;border:0px solid #999; /* padding:10px; */padding:10px 0 0 10px;}
/*Floating admin footer*/
#footpanel{position:fixed;bottom:0;left:0;z-index:200;background:transparent url(../img/55_pct_bl.png) repeat-x;border:1px solid #c3c3c3;border-bottom:none;width:84%;margin:0 8%;height:25px;}
/* #footpanel ul{float:left;width:100%;list-style:none;border-top:1px solid #fff;font-size:1.1em;margin:0;padding:0;}
#footpanel ul li{float:left;position:relative;margin:0;padding:0;}
#footpanel ul li a{float:left;height:16px;text-decoration:none;position:relative;padding:5px;color:#D3252A;}
html #footpanel ul li a:hover{color:#999;}
html #footpanel ul li a.active{color:#999;height:17px;margin-top:-2px;border:1px solid #555;border-top:none;z-index:200;position:relative;}
#footpanel a.home{width:50px;padding-left:40px;border-right:1px solid #bbb;text-indent:0;} */

#footpanel li#chatpanel,#footpanel li#alertpanel{float:right;}

#friendlist{width:200px;float:right;position:fixed;bottom:0px;right:0px; margin:3px;z-index:210;}
#friendlistheader{background:#FFF url(../img/25_pct_bl.png);border:1px solid #375C6D;padding:1px 3px;}
#friendlistheader a{width:100%;font-weight:bold;font-size:11pt;line-height:15px;vertical-align:middle;margin:auto;text-decoration:none;}
#friendlistcontent{background:#FFF;font-size:9pt;border-left:1px solid #999;border-right:1px solid #999;z-index:210}
#friendlistcontent ul li{display:block !important;list-style:none;width:95%;padding:1px 5px;z-index:210;color:#666;}


#page_load_msg {position:absolute;z-index:10;}
.module_half{margin:5px;padding:5px 10px;float:left;width:425px;border:1px solid #DDD;background:transparent url(../img/5_pct_bl.png);}
.module_third{margin:5px; padding:5px 10px;float:left;width:282px;border:1px solid #DDD;background:transparent url(../img/5_pct_bl.png);}
.module_two_thirds{margin:5px;padding:5px 10px;float:left;width:595px;border:1px solid #DDD;background:transparent url(../img/5_pct_bl.png);}
.module_full{margin:5px;padding:5px 10px;float:left;width:910px;border:1px solid #DDD;background:transparent url(../img/5_pct_bl.png);}
.full{margin:0;padding:0;float:left;width:950px;}
.logo{height:121px;}
/*
# Nav ################### 
#nav {}
#nav ul {}
#nav ul li {display:inline}
#nav ul li a {font-size:13pt;padding:15px 10px 2px;line-height:1.75em;color:#47433e;font-variant:small-caps;}
#nav ul li a:hover, #nav ul li.selected a {color:#FFF;}
*/
/*multilevel navigation*/
ul#topnav{float:left;width:100%;list-style:none;font-size:1.1em;padding:0;margin:5px 0 0 0;}
ul#topnav li{float:left;position:relative;margin:0;padding:0;}
ul#topnav li a{font-size:13pt;padding:1px 8px;line-height:1.75em;color:#FFF;font-variant:small-caps;text-decoration:none;/* border:1px solid red; */}
ul#topnav li:hover a,ul#topnav li a:hover,ul#topnav li.selected a {color:#D3252A;}

ul#topnav li .sub{position:absolute;top:30px;left:0;z-index:99999;background:#538BA6;float:left;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;display:none;padding:10px;}
ul#topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px;}
ul#topnav li .sub ul{list-style:none;width:auto;min-width:200px;float:left;margin:0;padding:0;}
ul#topnav li .sub ul.two_fifty {list-style:none;width:250px;float:left;margin:0;padding:0;}
ul#topnav li .sub ul.three_fifty{list-style:none;width:350px;float:left;margin:0;padding:0;}
ul#topnav .sub ul li{width:100%;color:#fff;white-space:nowrap;}
ul#topnav .sub ul li h2{font-size:1.3em;font-weight:400;margin:0;padding:0;}
ul#topnav .sub ul li h2 a{padding:5px 0;}
ul#topnav .sub ul li a{color:#FFF;}
ul#topnav .sub ul li a:hover,.navigator a:hover{color:#D3252A;}
.navigator{background:transparent;margin:0;padding:25px;}
.navigator li {margin:3px;list-style:none;}
.navigator li a{text-decoration:none; color:#538BA6;font:14pt/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;}
.navigator form{background:#538BA6;padding:10px;}
/* #footer{position:relative;float:left;text-align:center;} */
#footer ul{list-style:none;padding:20px 0 5px;}
#footer ul li{list-style:none;width:auto;display:inline;color:#DDD;line-height:20px;}
#footer ul li a{font-size:10pt;padding:2px 2px;color:#AAA;font-weight:600;font-variant: small-caps;}


/*
# Headings ################### 
*/
h1,h2,h3,h4,h5,strong {margin:0.5em 0 0.75em 0;font-weight:bold;padding:0 0 0 0.25em;}
h1{font-size:1.85em;}
h2{font-size:1.5em}
h3{font-size:1.25em}
h4{font-size:1.125em}
h5{font-size:1.08em}
h6{font-size:1em;}
.img_label{font-weight:bold;font-size:10pt;color:#D3252A;}
/*
# Lists ################### 
*/
ul.calendar{width:250px !important;}
ul.plain,ul.banners {list-style:none;font-size:11pt;}
.w_250{width:245px !important;font-size:11pt;border-collapse:collapse;border:0;}
.w_300{width:300px !important;font-size:11pt;border-collapse:collapse;border:0;}
ul.categories{padding:0 0 0 15px;list-style:none;}
li.questions{cursor:pointer;border:1px solid #DDD;margin:5px;padding:3px 5px;background:#FFF;}
ul.issues {padding:0 0 0 15px;font-size:10pt;line-height:1.25em;}
ul.issues li {padding:3px 0;}
ul.space {padding:7px 0;}
ul.banners li {margin:15px 0;}
ul.checkbox_list {list-style-position:outside !important;padding:20px;}
.usage img {height:15px;}
ul.tasks{list-style:none;}
ul.tasks li{margin}
ul.tasks li input{display:inline; margin:2px 15px;}
ul.tasks li div{display:inline;}
ul.tasks_list{list-style:none;}
ul.tasks_list li{margin-left:15px;}
ul.tasks_list li input{display:inline; margin:2px 15px;}
ul.tasks_list li div{display:inline;}
/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}
img.icon {margin:0 5px; height:15px;vertical-align:middle !important;}
img.icon_lg {margin:5px 10px; height:30px;vertical-align:middle !important;}
.edit_link {margin:1px 5px 1px 0;}
/*
# Links ################### 
*/

a{color:#538BA6;text-decoration:underline;}
a:hover{color:#D3252A;}
.btn {width:auto !important;color:#333;text-decoration:none !important;margin:15px 5px;background:transparent url(../img/btn.png) repeat-x; border:1px solid #47433e;padding:2px;-moz-border-radius-bottomright:3px;-khtml-border-radius-bottomright:3px;  -moz-border-radius-topright:3px;-khtml-border-radius-topright:3px;  -moz-border-radius-topleft:3px;-khtml-border-radius-topleft:3px;  -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;}
.expander{font-weight:500;font-size:11pt;cursor:pointer;}
.attention {color:#F00;background:#FCFFB0;padding:2px;}
.date_display{text-decoration:none;border-bottom:2px dotted #FF9933;margin:0 10px;cursor:pointer;}
.cal_nav{font-weight:bold;text-decoration:none !important;font-size:16pt;}

/*
# Forms ################### 
*/
/* 
# Colour reference ###################
dark brown #47433e
red-orange:#D3252A D3252A
Blue:#538BA6
dark-blue:#375c6d
Lighter-blue:#7eaabf
*/

label {display:block;font-size:0.85em;color:#D3252A;}
label.il {display:inline;margin:0 15px 0 3px;}
form ul,form li {list-style:none;padding:0;}
textarea {width:90%; height:7em;}
input,select,textarea {margin:0 0 5px 0;border:1px solid #ddd;border-top-color:#AAA;padding:2px;}
input.btn, .btn {
 border-top: 1px solid #96d1f8; background: #538BA6; background: -webkit-gradient(linear, left top, left bottom, from(#7eaabf), to(#538BA6)); background: -moz-linear-gradient(top, #7eaabf, #538BA6); padding: 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; /* text-shadow: rgba(0,0,0,.4) 0 1px 0; */ color: #333; font-size: 11pt; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle;
}
input.btn:hover, .btn:hover {
 border-top-color: #28597a; background: #538BA6; background: -webkit-gradient(linear, left top, left bottom, from(#538BA6), to(#7eaabf)); background: -moz-linear-gradient(top, #538BA6, #7eaabf); color: #333;
}
input.btn:active, .btn:active {
 border-top-color: #1b435e; background: #1b435e;
}

/* input.btn {margin:15px 5px;background:transparent url(../img/btn.png) repeat-x; border:1px solid #47433e;padding:2px;-moz-border-radius-bottomright:3px;-khtml-border-radius-bottomright:3px;  -moz-border-radius-topright:3px;-khtml-border-radius-topright:3px;  -moz-border-radius-topleft:3px;-khtml-border-radius-topleft:3px;  -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;} */
input.search_btn{cursor:pointer;margin:2px 10px;background:transparent url(../img/search_bg.png);text-indent:15px;-moz-border-radius-bottomright:3px;-khtml-border-radius-bottomright:3px;  -moz-border-radius-topright:3px;-khtml-border-radius-topright:3px;  -moz-border-radius-topleft:3px;-khtml-border-radius-topleft:3px;  -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;}
div.form_container{padding:15px;}
textarea.rteditor{width:600px;height:115px;}
.save{margin:5px 5px 0 !important;cursor:pointer;}
fieldset{border:1px solid #538BA6 !important;padding:15px;margin:15px 0;}
.rdo {margin:2px 5px;}
.error_report{font-size:10pt; color:#FFF;background:#FF0000;padding:1px 5px;font-weight:bold;position:absolute;float:left;margin:0 0 0 15px;}
.error_field {border:1px solid #FF0000;background:#FFBEBE;}
input.search {background:#fff url(../img/bg_search.png) 2px 2px no-repeat;padding:2px 2px 2px 20px;}
.dateonly {width:75px;}
select.date_form{font-size:1.25em !important;border:0;}
input.calc {text-align:right;width:85px;background:#FFF url(../img/dollar.png) 2px 2px no-repeat;padding-left:20px;}
textarea.user_defined {height:35px;}
form.task_list {margin:0 5px 0;display:inline;}
input[type=checkbox]{margin:0 5px}
form.upload div{font-size:11pt !important;}
/*
# Tables ################### 
*/
.headerow {background:#538BA6;}
.headerow  td a {background:#538BA6;color:#FFF;text-decoration:none;}
.headerow  td {padding:1px 3px;}
.paginate {width:99%;border-collapse:collapse;border:0;}
.paginate td {padding:1px 4px;font-size:11pt;border:0;}

.inline{display:inline;vertical-align: middle;}

.form_container {width:90%;border:1px solid #999;border-collapse:collapse;border:0;}
.form_container td {vertical-align:top;}

.custom_report{width:99%;border-collapse:collapse;border:0;}
.custom_report td{border:1px solid #999;padding:2px 4px;}
.insert_info{width:280px;border-collapse:collapse;border:0;padding:0;margin:0;}
.insert_info td{border:1px solid #666; padding:2px;}

.ledger{width:95%;border-collapse:collapse;}
.ledger td{padding:2px 5px;}
td.icon_container {width:20px;}
td.not_approved{border-color:#F00 !important;background-color:#FCFFB0 !important;}
/*
# Typography ################### 
*/
#footer p{margin:15px 10px;}
pre {font-size:8pt;line-height:1.25em;}
p{margin:0 0 1.5em;}
/*
Signup pages
*/
table#credit_card_form {width:100%;}
table#credit_card_form  td{padding:1px 5px !important;}
/*
# Other ################### 
*/

.contributor{border:1px solid #32BD00;margin:5px 0;padding:3px 0;}
.non-contributor{border:1px solid #AAA;margin:5px 0;padding:3px 0;}
.highlight { background-color:#FCFFB0;border-bottom:1px dotted #FF0000;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.valign_bottom{vertical-align:bottom !important;}
.valign_top{vertical-align:top;}
.blue {color:#538BA6;}
.red {color:#D3252A}
.white{color:#FFF}
.dark{color:#666}
.bg_blue {background:transparent url(../img/25_pct_bl.png) !important;border-bottom:2px solid #999;}
.bg_red {background:#D3252A !important;}
.bg_white{background:#FFF !important;}
.details{font-size:10pt;font-style:italic;line-height:1.125em;padding:2px;}
.box{background:#EFEFEF;border:1px solid #AAA;padding:5px;}
.top{vertical-align:top;}
.row_odd{background:#FFF;padding:3px;}
.row_even{background:#EEE;padding:3px;}

.attention_message {border:1px solid #F00; color:#F00;padding:5px;background:#FFF}
.happymessage {background-color:#E6FF80; color:#008F00; border:1px solid #EEE; padding:5px;}
.task_done {background-color:#E6FF80; color:#008F00; border:1px solid #008F00;margin: 5px 0;padding:2px 0;}
.task_overdue{background-color:#FFFFBF;border:1px solid #FF0000;margin: 5px 0;padding:2px 0;}
.successful{background-color:#E6FF80; color:#008F00; border:1px solid #ddd; padding:2px 5px; font-weight:bold;}
.error{background-color:#FFFFBF; color:#FF0000; border:1px solid #000; padding:3px; font-weight:bold;}
#action_msg {position:absolute;top:-150px;text-align:center;width:950px;margin:0 auto !important;/* vertical-align:middle; */z-index:9999;}

.overage {background:#FFFFBF;border:1px solid #F00; color:#F00;padding:3px 5px;}
.banner {height:80px;width:730px; display:block; margin:5px auto; overflow:hidden;}
.not_there{display:none;}
.collapsible_container {display:none;}
.by_line{font-size:0.85em;font-style:italic;margin-bottom:0;color:#D3252A;}

div.tips{width:500px;height:350px;padding:25px;}
a.tips{color:#375c6d;}
a.tips div{color:#375c6d;}

.hidable {display:none;}
#error_msg{color:red;display:none; padding:0 10px;}
.touch {padding:5px;border:1px solid #666;margin:5px 0 2px;background:#FFF;}

.heading2 {background-color:#AAA; color: white; text-decoration: none; font-size: 10pt; font-weight: bold;	padding: 5px;}
.heading2 a {font-size: 10pt; font-weight: bold;}
.heading2 a:hover {font-size: 10pt; text-decoration: underline;}

.heading {background:#538BA6;color:white;text-decoration: none;font-size: 1.25em;font-weight:bold;padding:5px;padding-left:5px;margin:0;}
.heading a {color:white; font-weight:bold;}
.heading a:hover {text-decoration: underline;}

/* Library Page Rules*/
td.doc_cont{background:#FFF;vertical-align:top;padding:5px;border:1px solid #333;width:190px;}
.doc_display_cont{border:1px solid #eee;width:182px;height:225px;overflow:hidden;background: #FFF;}
.doc_img{width:182px;}
/* .doc_preview{width:450px; background-color:#FFFFFF; position:absolute; display:none; border: 1px solid #AAA; z-index:100;} */ 
.preview_img{width:450px;}
.doc_container {padding:2px; color:#FFF; background-color:#999; font-weight:bold; font-size:12pt;}
.doc_grid{width:590px;}
a.retrieve_file{font-size:10pt;}

.todo_list div.list_item{font-size:10pt;border:1px solid #999; clear:both;margin:3px;border-left-style:solid;border-left-width:5px;cursor:pointer;}
.todo_list div.list_item span{padding:3px;}

.tips_container{width:400px;padding:25px;display:none;}
.nexter {display:none;}



.todo_title {font:10.5pt bold; background:transparent url(../img/35_pct_bl.png); margin:0px; padding:3px;}
.todo_title a{text-decoration:none;color:#152329;}



.sm_calendar {width:240px!important;border-collapse:collapse;border:0;}
.sm_calendar td{text-align:center;height:21px;}
.sm_calendar td a{font-size:11pt !important;padding:0 !important;margin:0 !important;}
.topdays{background:transparent url(../img/35_pct_wt.png);}
.beforedayboxes, .afterdayboxes {background:transparent url(../img/55_pct_wt.png);}
.dayboxes{background:transparent url(../img/25_pct_wt.png);border:1px solid #000;}
.highlighteddayboxes{font-weight:700;cursor:pointer;background:transparent url(../img/25_pct_wt.png);border:1px solid #000;}


tr.calendar {color: white; background-color:#EEE;}
.calendar {color: white; background-color:#EEE;}
.calendar a {color: white;font-weight: bold; background-color:#EEE;}
.calendar a:hover {color:#999; background-color:#FFF; font-weight: bold;}
.lg_cal{width:100%;background:#666;border-collapse:separate;border:0;border-spacing:1px;}
.lg_cal td.dayboxes,.lg_cal td.beforedayboxes,.lg_cal td.afterdayboxes {border:0px solid #DDD;height:115px !important;background:#FFF;}
tr.topdays {}
td.topdays {width:14.3%;font-weight: bold; background-color:#EEE;}
.toprightnumber {padding:7px;}
.toprightnumber  a{text-decoration:none; font-weight:bold;}
.beforedayboxes,.afterdayboxes{background:#EEE !important;}
.highlighteddayboxes{background:#EFE;border:0px solid #538BA6;}
/*.dayboxes{}*/
.eventinbox{overflow:hidden;}

.MsgBoard{font-size:7.5pt;line-height:1.25em;border:1px solid #EEE; margin:1px; padding:2px;border-left-style:solid;border-left-width:4px;}
.MsgBoard a{color:#333; text-decoration:none;}
.more_link{font-size:7.5pt;padding:3px;line-height:1.25;font-weight:bold;border:0; background-color:#FFBFBF;}

.Reminder {border-left-color:#FF00BF !important;}
.BrokerReminder {border-left-color:#FF00BF !important;}
.Deadline {border-left-color:#FF0000 !important;}
.Appointment {border-left-color:#1919B3!important;}
.Birthday {border-left-color: #00CC00 !important;}
.Recurring {border-left-color:#660099 !important;}
.CampaignItem {border-left-color:#FF6600 !important;}
.Task {border-left-color:#062755 !important;}

.ui-menu {font-size:10pt;}
/* UI Mods */
.ui-menu-item{font-size:10pt;}
#ui-active-menuitem{background:transparent url(../img/25_pct_bl.png) !important;}
/*File Uploading*/
.file_upload,form.upload div{position:relative;overflow:hidden;direction:ltr;cursor:pointer;text-align:center;color:#333;font-weight:700;border-radius:5px;width:280px;height:75px;background:#538BA6;border:5px solid #538BA6;margin-bottom:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.file_upload_small{width:280px;height:75px;font-size:11pt;background:#538BA6;border:5px solid #538BA6;}
.file_upload_large{width:100%;height:100px;font-size:14pt;background:#7EAABF;border:5px solid #538BA6;}
.file_upload_highlight{background:#7EAABF !important;border:5px solid #666 !important;}
.file_upload input{position:absolute;top:0;right:0;border:300px solid transparent;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-o-transform:translate(0,-300px) scale(6);cursor:pointer;z-index:2;margin:0;}
.file_upload iframe,.file_upload button{display:none;}
.file_upload_progress .ui-progressbar-value {background:transparent url(../img/pbar_ani.gif);}
.file_upload_progress div{width:100px;height:15px;border:1px solid #333;}
.file_upload_cancel div{cursor:pointer;width:25px;}