/***** DEFAULTS ******/
html,body {margin:0; height:100%;}
/***** RESET ******/
img, form, a,
header, nav, article, section, dialog, figure, aside, footer
{border:0; margin:0; outline:0; padding:0;}
/***** RESET END ******/

/***** STRUCTURE ******/

#bodyClass {background:#e7e7e7 url("../images/graphics/headerbg.png") repeat-x top;}

.master {margin:0px auto; width:960px;}

header  {padding:0px; height: 143px; margin-top:8px; }

    #logo { width:263px; height:106px; background: url(../images/graphics/logo2014.png) no-repeat; float:left; margin-left:29px; margin-top:17px; }
                /* match height and width in logo and logo a */
                #logo a { width:263px; height:106px; display:block;  }
				
		#headerRight { width:240px; height:80px; float:right; margin:48px 35px 0 0; color:#ffffff; font: 600 24px/22px 'Open Sans', sans-serif; text-align:right; }

.headerRighttext {color:#ffffff; line-height:15px;}
.headerRighttext a {color:#ffffff;}
.headerRighttext a:hover {color:#ffffff; text-decoration:underline;}

nav {padding:0px; height:45px; }

#imageheader { width:942px; height:391px; margin:9px; }

section#content { width:960px; float:left; background:#ffffff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-bottom:20px;
 }

article#home {padding:30px 35px 0px 35px;}

article {padding:30px 35px;}

aside {width:240px; float:left; background:yellow;}  /* side bar */

#featurearea { width:890px; height:281px; }

#services {width:530px; height:281px; float:left;}

.servicebox { width:486px; height:92px; background:#e5e5e5; padding:22px; float:left; }
.servicebox2 { width:486px; height:116px; background:#e5e5e5; padding:10px 22px; float:left; }

#newspanel { width:286px; height:237px; float:right; background:#e5e5e5; padding:22px; }

footer {clear:both; padding:20px; background:#4e8829; color:#ffffff;}
footer a {color:#ffffff;}
footer a:hover {color:#ffffff;}

.countvideos { width:659px; height:380px; }

/***** STRUCTURE ******/


/***** DEFAULTS ******/
html,body {margin:0; height:100%;}

/***** IE HEIGHT HACK
minheight {min-height:500px; height:auto !important; height:500px;}*/
.PostHeader h2 a {text-decoration:underline;}
#ui-datepicker-div { display:none }
.clearBoth {clear:both;height:0px;}

/* Start Form Validation Styles*/
.validation_failed {
  border: 1px solid red;
}
.error_msg {
  color:red;
}
/* End  Form Validation Styles */

hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid;}

/******* SAASU CSS 
#saasuintro{width: 680px;}
.saasuimg{width: 680px;}
.saasuhomeimgs{}
.saasutour{}
******/


/***** FORM STYLES ******/ 
input[type="text"], input[type="password"], textarea, select
{  border: solid 1px #ccc; padding:5px 8px; outline:0;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#fff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#fff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#fff 100%); /* W3C */
 outline:0;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   } 
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover
{ background:#f3f3f3; } 

input[type="submit"]
{ border:0; background:#666; padding:5px 8px; color:#fff; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

input[type="submit"]:hover {background: #333;}
/***** FORM STYLES END ******/  


/***** NEWSLETTER SUBSCRIBE THIN ******/
form#fmNewsSubscribeThin table td input {width:120px;}
form#fmNewsSubscribeThin {width:180px; margin:0px auto;}
form#fmNewsSubscribeThin table.newssubscribe .formlabel {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#firstname {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#email {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe .essential {display:none;}
form#fmNewsSubscribeThin table td input#subscribe {font-size:11px; width:80px; color:#333;}
/***** NEWSLETTER SUBSCRIBE THIN END ******/

/***** GOOGLE RSS FEED ******/
.gfc-resultsHeader {border:0px !important;}
.gfc-title {font-size:12px !important; color:#666 !important; text-decoration:none !important;}
.gf-author {color:#666 !important; font-size:11px !important;}
.gf-relativePublishedDate {color:#666 !important; font-size:11px !important;}
.gf-snippet {color:#333 !important; font-size:11px !important;}
/***** GOOGLE RSS FEED END *****/
/* standard search box */  
#searchbox { padding: 3px 0px 0px 3px; margin: 64px 0px 0px 0px; height:29px; width: 168px;  font-size:11px; float:right; }
#searchbox input{ border:0px; font-size: 11px; color:#ffffff; background: #0c55c3; }
#searchbox #inputbox{padding-left: 10px; float:left;}
#searchbox #searchbut{float:right; vertical-align:middle; }
#searchbox img{ border:0px; }
/* standard search box close */

/* client login box
#login{width: 280px; color: #fff; margin-top:55px; }
#loginheader{ font-size:14px; padding: 5px; color: #000;  }    
#client_login{padding: 10px; margin: 0px; }
#client_login .username{margin: 10px 0px 0px 5px; font-size:11px; height:20px; width: 129px;}
#client_login .password{margin: 5px 0px 0px 8px; font-size:11px; height:20px; width: 129px;}
#loginGo {float:right; margin: 5px 10px 5px 0px; height:25px;}  
client login box close */  

/***** DEFAULTS END *****/

/***** LOGIN PANEL *****/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/graphics/tab_bg.png) repeat-x 0 0;
	height: 30px;
	position: relative;
    top: 0px;
    z-index: 999;
}
.tabInner
{
    width:960px;
    margin:0px auto;
}
.tabInner ul li
{
    list-style:none;
    margin:0;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 34px;
	width: auto;
	margin: 0;
}

.tab a.open, .tab a.close {
	height: 37px;
	cursor: pointer;
	display: block;
	width: 157px;
	position: relative;
	top: 7px;
	margin-right: 35px;
}

.tab a.open {background: url(../images/graphics/bttn_login.gif) no-repeat;}
.tab a.close {background: url(../images/graphics/bttn_login.gif) no-repeat;}
.tab a:hover.open {background: url(../images/graphics/bttn_login.gif) no-repeat;}
.tab a:hover.close {background: url(../images/graphics/bttn_login.gif) no-repeat;}


/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	padding:10px 0px;
	color: #fff;
	background: #4c4a4a;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
.panelInner
{
    width:960px;
    margin:0px auto;
}

/***** LOGIN *****/

.username{margin: 0px; font-size:11px; width: 136px; border:0px; padding:3px 5px 3px 5px;}
.password{margin: 0px; font-size:11px; width: 136px; border:0px; padding:3px 5px 3px 5px;}
#loginGo {margin: 0px;}  
.loginTopDiv form {margin:0px; padding:0px;}
.loginDiv1 {width:150px; height:21px; color:#ffffff; line-height:21px; font-size:12px; font-weight:normal; float:left; }
.loginDiv2 {width:146px; height:21px; float:left; margin-right:20px;}
.loginDiv3 {width:146px; height:21px; float:left; margin-right:20px;}
.loginDiv4 {width:48px; height:26px; float:left; margin-right:40px;} 
.loginDiv5 {width:110px; height:26px; float:left;} 
.loginDiv5 a {color:#ffffff;}
.loginDiv5 a:hover {color:#ffffff;}