/* General --------------------------------------- */

body { top:0px; left:0px; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#666; background-color:#EBEBEB; 
		margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/ }

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size:1em; }

h1 { font-size:2em; color:#279BC0; font-weight:normal; text-decoration:none; padding:0px; margin:0px; width:600px; }
h2 { font-size:1.5em; color:#279BC0; font-weight:normal; text-decoration:none; padding:0px; margin:0px; }
h3 { font-size:1.25em; color:#279BC0; font-weight:normal; text-decoration:none; padding:0px; margin:0px; }
h4 { font-size:1.25em; color:#666; font-weight:bold; text-decoration:none; display:block; position:relative; height:35px; top:10px; }

a, a:active, a:link, a:visited {color: Black; text-decoration: underline; }
a:hover {color: #279BC0; }

.normalRow {background-color: #fff;}
.altRow {background-color: #eee;}

ul { list-style-type: none; padding: 0; margin: 0; }
ul li { background-image: url(../images/crm/li_tick.gif); background-repeat: no-repeat; background-position:left top; padding-left: 20px; margin-bottom:20px; }

hr.dots { border:0px; border-top:1px dotted #279BC0; height:0px; }

#global { position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
	width:960px !important; }

.error { color: red; }
.sml { font-size:0.85em; }

.printonly { display:none; }

/* Color references -------- 

Dark Blue/Black header/footer line - #00004A
Mid blue main navigation/inactive tabs - #279BC0
Right tile header - #52ADCC
Lt blue search header/search nav/manage grps - #D5ECF3
*/

#headerblack { background:url(../images/crm/header.jpg) top left no-repeat #00004a; height:125px; width:960px; display:block; }

#headerblue { margin:0px; padding:0px; background-color:#279BC0; height:40px; width:960px; display:block; }

#homeintro { background:url(../images/crm/home_intro_bkgd.jpg) top left no-repeat #fff; height:411px; width:960px; display:block; position:relative; }
#homeintro .homepagebuttons { display:block; position:absolute; left:685px; top:135px; }

#headerfade { background:url(../images/crm/header_fade.jpg) top left no-repeat #fff; height:20px; width:960px; display:block;  }

.w100 { width:100px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }


/* MENU ----------------------------------------------- */
.TopMenu { color:#fff; height:40px; cursor:pointer; padding:0px; margin:0px; }
.TopMenuItem { border-right:1px white solid; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; }
.TopMenuItemHover { border-right:1px white solid; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; color:#01014B; background-color:#52ADCC; }
.SelectedTopItem, .SelectedTopItemHover { border-right:1px white solid; color:#01014B; background-color:#EBEBEB; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; }
.SubMenuItem, .SubMenuItemActive { color:#fff; background-color:#52ADCC; height:20px; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; border-collapse:collapse; cursor:pointer; width:110px; }
.SubMenuItemHover { color:#01014B; background-color:#52ADCC; height:20px; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; border-collapse:collapse; cursor:pointer; }
.SeperatorItem { background-color:#52ADCC; height:20px; height:8px; background:url(images/header/top_menu_divider.jpg) top left repeat-x; }

.TopMenuItemUnpublished { border-right:1px white solid; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; font-style:italic; color:#000; }
.TopMenuItemHoverUnpublished { border-right:1px white solid; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background-color:#52ADCC; font-style:italic; color:#000; }
.SelectedTopItemUnpublished, .SelectedTopItemHoverUnpublished { border-right:1px white solid; background-color:#EBEBEB; font-size:0.87em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; font-style:italic; color:#000; }

/* CONTENT AREA ------------------------------------------ */
#topspacer { height:10px; width:100%; }
#content { width:960px !important; display:block; float:left; background-color:#fff; }
#contentnorightside { width:904px !important; display:block; float:left; margin-left:10px; }
.maincontent { float:left; border:0px; } /*width:670px !important;*/

#leftside { width:250px !important; display:block; float:left; }
#rightside { width:700px !important; display:block; float:left; }

div.pagetitle { font-size:2em; color:#279BC0; } /* old now use h1 instead */

div.userenteredhomepagecontent { margin-left:35px; }

.content-left { display:block; width:320px; float:left; }
.content-right { display:block; width:350px;  background-color:White; float:right; }

/* 2nd level menu -------------------------------------------------- */
.SecondMenu { width:200px; margin-left:25px; padding-bottom:30px; background:url(../images/crm/leftmenu_bkgd.jpg) bottom left no-repeat #E6F4F7; }

div.menubluebar { height:25px; width:190px; display:block; margin-left:25px; background-color:#279BC0; color:#fff; }
div.menubluebar { padding: 6px 0px 0px 10px; }

.menubody { margin:2px 10px 2px 10px; padding:0px; }
.menuunpublished { font-style:italic; padding: 4px 0px 4px 0px; }
.menu-sub { padding:0px; margin:0px; text-decoration:none; }
.menu-sub2 { padding:0px; margin:0px; text-decoration:none; }

div.menu-sub, div.menu-sub-selected { padding-top:4px; padding-bottom:4px; }
div.menu-sub2 { padding-top:4px; padding-bottom:4px; }
div.menu-sub2-selected { padding-top:4px; padding-bottom:4px; padding-left:20px; }

div.menu-sub a, div.menu-sub a:link, div.menu-sub a:active, div.menu-sub a:visited, div.menu-sub a:hover { text-decoration:none !important; color:#666; padding-top:5px; padding-bottom:5px; margin:0px; }
div.menu-sub2 a, div.menu-sub2 a:link, div.menu-sub2 a:active, div.menu-sub2 a:visited, div.menu-sub2 a:hover { text-decoration:none !important; color:#666; padding-top:5px; padding-bottom:5px; padding-left:20px; margin:0px; }
div.menu-sub-selected a, div.menu-sub-selected a:link, div.menu-sub-selected a:active, div.menu-sub-selected a:visited, div.menu-sub-selected a:hover { text-decoration:none !important; color:#279BC0; padding-top:5px; padding-bottom:5px; margin:0px; }
div.menu-sub-selected2 a, div.menu-sub-selected2 a:link, div.menu-sub-selected2 a:active, div.menu-sub-selected2 a:visited, div.menu-sub-selected2 a:hover { text-decoration:none !important; color:#279BC0; padding-top:5px; padding-bottom:5px; padding-left:20px; margin:0px; }

div.menu-sub div.menu-seperator { padding:0px; margin:0px; text-decoration:none; line-height:5px !important; }
div.menu-sub2 div.menu-seperator { padding:0px; margin:0px; text-decoration:none; line-height:5px !important; }
div.menu-seperator { width:178px !important; height:5px !important; background:url(../images/crm/leftmenu_seperator_bkgd.gif) top left no-repeat; margin:0px; padding:0px; border:0px; line-height:5px !important; } 


/* FOOTER ------------------------------------------------ */
#footer { background-color:#0F004A; height:28px; width:960px; display:block; float:left; padding-top:8px; }
#footer a, #footer a:active, #footer a:visited, #footer a:link, #footer a:hover { color:#fff; margin:0px 2px 0px 20px; }

#footerspacer { height:25px; width:100%; display:block; float:left; background-color:#fff; }


/* SIGN UP / SETTINGS  ----------------------------------- */
th.isrequired { background:url(../images/crm/isrequired.gif) no-repeat 0px 10px; }

table.signup { width:670px; background:url(../images/crm/faded_bkgd.jpg) #fff no-repeat left bottom; }
table.signup th { width: 180px; font-weight:normal; padding-left:14px; }
table.signup td { width: 550px; }

table.settings { width:670px; background:url(../images/crm/faded_bkgd.jpg) #fff no-repeat left bottom; }
table.settings th { width: 180px; font-weight:normal; padding-left:14px;  }
table.settings td { width: 550px; }

.PhonePrefix { width:45px; }
.PhoneNumber { width:180px; }


/* BLOGS ---------------------------------------------------- */
table.toolboxtable { width:200px; margin-left:25px; margin-bottom:30px; background:url(../images/crm/leftmenu_bkgd.jpg) bottom left no-repeat; }
td.BlogTitle { font-size:1.5em; color:#279BC0; font-weight:normal; text-decoration:none; padding:0px; margin:0px; } 
td.BlogPosted { margin:10px; padding:10px; }
td.BlogCategories { margin:10px; padding:10px; }
td.BlogComments { margin:10px; padding:10px; }
div.rsslink { float:right; }
textarea.comments { width:400px; }

/* FORUMS ---------------------------------------------------- */
table.forumlist { width:650px; background-color:#fff; } 
table.forumlist th { font-size:1.25em; font-weight:bold; }
td.ThreadTitle { font-size: 1.25em; }
td.ThreadPosted { font-size:0.9em; margin:5px; padding:5px; }
td.ThreadDetails { color:#000; }




/* CONTENT -------------------------------------------- */
table.whycrm td h4 { MARGIN-TOP:8px; }

table.taketour td, table.taketour td p { vertical-align:top !important; }




/* BUTTONS ----------------------------------------------- */
/* all other button code in the templates/css browser specific files */
div.buttons {
	background: url(../images/crm/buttons/buttons_bkgd.jpg) bottom left no-repeat;
	float: left;
	width:670px;
	height:38px;
	padding-top:12px;
		}
div.buttonsright { float:right; }
div.buttonsleft { float:left; }
div.buttonscenter { float:none; }




/* TOOLS ------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }
.clearfix { zoom:1; /* Just for IE7 */ }


/* ---- PNG Transparency ---- */
/* ie5.5-6.x style */
.trans-png,               /* the * element selector gives it a little more weight */     
#container *.trans-png         /* id=body will solve all problems once and for all */
{
background-image: expression(
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + 
(this.tagName=='IMG' ? this.src : this.currentStyle.backgroundImage.split('\"')[1]) + ")",
this.runtimeStyle.backgroundImage = "none",
this.src = "../../images/transparent.png"
);
}