/*****************************************************************************/
/* #CASESTUDY */


#casestudy {
	padding:0;
	margin:0;
	width: 800px;
	height: 125px;
	background: #509cd6 url(../images/casestudy_bg.jpg) no-repeat left top;
}

#casestudy img {
	float: right;
	width: 248px;
	height: 125px;
	margin: 0;
	padding: 0;
}


#casestudy p {
	margin:0;
	padding: 0;
	color: #fff;
	font-size: 14px;
	
}

#casestudy p.quote  {
	padding:28px 0 0 35px;
	width: 460px;
	height:38px;
	 overflow:hidden; 
	 line-height: 17px;


}

#casestudy p.name {
	padding: 2px 0 0 0;	
	margin-left: 320px;
	font-weight: bold;
	height: 17px;
		 overflow:hidden; 
}

#casestudy p.name span {
	font-size: 10px;
}

#casestudy a {
	margin:0 0 0 30px;
	text-align: center;
	display: block;
	height: 28px;
	width: 82px;
	line-height: 25px;
	font-size: 11px;
	color: #45474b;
	text-decoration: none;
	background: url(../images/casestudy_button.jpg) no-repeat;
}

#casestudy a:hover {
	background: url(../images/casestudy_buttonhover.jpg) no-repeat;
	color: white;
}
/*****************************************************************************/
/* #BULLETIN */

#bulletin {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #d4d5d6;}

#bulletin p {
	margin: 0 0 0 10px;
	float: right;
	width: 185px;
	display: block;
	color: #7f8185;}

/* Adjust width if used in wider column */
#main #bulletin p {
	width: 447px;}

#bulletin span {
	color: #509cd6;
	float: left;
	display: block;
	font-weight: bold;}

#bulletin ul {
	list-style-type: none;
	margin: 0;
	clear: both;}

#bulletin li {
	list-style-type: none;
	margin: 1em 0 0 0;
	display: block;
	clear: both;
	overflow: auto;}

/*****************************************************************************/
/* #SYBIL */

#sybil {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #d4d5d6;}

#sybil img {margin:1.25em .75em 0 0;float: left;}


	
#sybil p.title {color: #509cd6;font-weight: bold;}
#main #sybil p.title {font-size: 13px;font-weight: normal;}	
#sybil p.date {
	color: black;
	margin-top:0;
	}
	
#main #sybil .box {float:right;width:416px;}
#main #sybil img {margin-right: 0;}	

#main #sybil img.sig {float:left;margin:-10px 0 0 0;padding:0 0 0 175px;}
#side #sybil img.sig {float:right;margin:-10px 0 0 0;}

/*****************************************************************************/
/* #FRANK */

#frank {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #d4d5d6;}

#frank img {margin:1.25em .75em 0 0;float: left;}

#frank p.title {color: #509cd6;font-weight: bold;}
#main #frank p.title {font-size: 13px;font-weight: normal;}	
#frank p.date {
	color: black;
	margin-top:0;
	}

#main #frank .box {float:right;width:416px;}
#main #frank img {margin-right: 0;}	

#main #frank img.sig {float:left;margin:-10px 0 0 0;padding:0 0 0 175px;}
#side #frank img.sig {float:right;margin:-10px 0 0 0;}

/*****************************************************************************/
/* #CHAMP */

#champ {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #d4d5d6;}

#champ img {margin:1.25em .75em 0 0;float: left;}

#champ p.title {color: #509cd6;font-weight: bold;}
#main #champ p.title {font-size: 13px;font-weight: normal;}	
#champ p.date {
	color: black;
	margin-top:0;
	}

#main #champ .box {float:right;width:416px;}
#main #champ img {margin-right: 0;}	

#main #champ img.sig {float:left;margin:-10px 0 0 0;padding:0 0 0 175px;}
#side #champ img.sig {float:right;margin:-10px 0 0 0;}

/*****************************************************************************/
/* #BUTTONS */

#buttons {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #d4d5d6;}

#buttons ul {
	margin: 1em 0 0 0;
	list-style-type: none;}

#buttons li {
	list-style-type: none;
	margin: .5em 0 0 0;}

#buttons a {
	display: block;
	height: 47px;
	line-height: 47px;
	padding-left: 60px;
	text-decoration: none;
	font-size: 13px;}

#buttons a:hover {
	text-decoration: underline;}

#buttons a.suggestion {
	background: url(../images/side_buttons_suggestion.jpg) no-repeat left top;}

#buttons a.ithelp {
	background: url(../images/side_buttons_ithelp.jpg) no-repeat left top;}

#buttons a.featemployee {
	background: url(../images/side_buttons_employee.jpg) no-repeat left top;}

/*****************************************************************************/
/* #LINKS */

#links ul {
	margin: 1em 0 0 0;
	list-style-type: none;}

#links li {
	margin: .5em 0 0 0;
	list-style-type: none;}

#links a {
	color: #509cd6;}

#social li a {
	line-height:16px;
	display:block;
	padding-left:20px;
}

#social a.twitter {
	background: url(../images/twitter.png) no-repeat left top;
}

#social a.flickr {
	background: url(../images/flickr.png) no-repeat left top;
}

#social a.facebook {
	background: url(../images/facebook.png) no-repeat left top;
}

#social a.youtube {
	background: url(../images/youtube.png) no-repeat left top;
}

	
/*****************************************************************************/
/* #FEATEMPLOYEE */

#featemployee {
	margin-top: 1em;
	width: 244px;
	background: url(../images/featemployee.jpg) no-repeat center top;
	padding-bottom: 3em;
	/*border-bottom: 1px solid #d4d5d6;*/}

#featemployee img {
	width: 120px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 31px;}

#featemployee p.name {
	margin-top: 0;
	text-align: center;
	padding-top: 29px;
	font-size: 21px;
	color: #509cd6;}

#featemployee p.department {
	margin-top: 0;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
	color: #45474b;}

#featemployee p {
	margin: 1em 20px 0;}

#featemployee h3 {
	font-size: 14px;
	margin: 1em 20px 0;}

#content.layout3 #main #employeeinfo {float:right;width:530px;}

#content.layout3 #main #featemployee {float:left;border:none;}

#content.layout1 #main #employeeinfo {float:right;width:230px;}

#content.layout1 #main #featemployee {float:left;border:none;}

/*****************************************************************************/
/* #BLOGPOST */

.blogpost {
	padding-bottom: 1.2em;border-bottom: 1px solid #d4d5d6;
}

.full {border:none;}

.blogpost .titleblock {

}
.blogpost .titleblock h1 {	color: #509cd6;font-size: 18px;padding:1em 0 0 0;margin:0;border:none;}
.blogpost .titleblock p {margin:0;font-size: 12px;}


.blogpost .messageblock				{
	
}
.blogpost .messageblock h1 			{ border: none;padding: 0; margin-top: 1em;color:  #509cd6;font-size: 14px;font-weight: bold;}
.blogpost .messageblock h2, 			
.blogpost .messageblock h3,
.blogpost .messageblock h4,
.blogpost .messageblock h5,
.blogpost .messageblock h6			{ border: none;padding: 0; margin-top: 1em;color:  #45474b;font-size: 12px;font-weight: bold;}
.blogpost .messageblock p,
.blogpost .messageblock address,
.blogpost .messageblock dl,
.blogpost .messageblock dt,
.blogpost .messageblock dd,
.blogpost .messageblock ul,
.blogpost .messageblock ol,
.blogpost .messageblock li,
.blogpost .messageblock pre,
.blogpost .messageblock code,
.blogpost .messageblock blockquote,
.blogpost .messageblock th,
.blogpost .messageblock td {
	font-size: 12px;
	line-height: 18px;
}

.blogpost .messageblock p {
	color: black;
}




.blogpost .messageblock a:link,
.blogpost .messageblock a:visited,
.blogpost .messageblock a:focus,
.blogpost .messageblock a:hover,
.blogpost .messageblock a:active {color: #509cd6;}

.blogpost .bottomblock {
	margin-top: 2em;
}
.blogpost .bottomblock ul {margin-left: 0;list-style: none;
	}
.blogpost .bottomblock li {
	display: inline;margin-right: 1em;font-size: 12px;color: #509cd6;
} 	
	
.blogpost .bottomblock a:link,
.blogpost .bottomblock a:visited,
.blogpost .bottomblock a:focus,
.blogpost .bottomblock a:active {color: #7f8185;}

.blogpost .bottomblock a:hover {
	color: black;
	text-decoration: underline;
}

.blogpost .commentblock .comment {clear:both;overflow:auto;margin-top:13px;}
.blogpost .commentblock .p {font-size: 12px;}
.blogpost .commentblock .name {float:left;width:125px;font-weight: bold;text-align:right}
.blogpost .commentblock .name p {margin-top:11px;color:black;font-size:12px;}
.blogpost .commentblock .name p span {display:block;font-style: italic; color:#7f8185;font-weight:normal;}
.blogpost .commentblock .message {float:right;width:360px;} 
.blogpost .commentblock .hr_reply p {float:right; width:360px; color: #FF0000;} 

/*****************************************************************************/
/* #ARTICLENAV */

ul.articlenav {width:100%;list-style: none;margin:1em 0 0;}
ul.articlenav li {display: inline;font-size:13px;margin:0;}
ul.articlenav li.previous {float:left;}
ul.articlenav li.newer {float:right;}
ul.articlenav a:link,
ul.articlenav a:visited,
ul.articlenav a:focus,
ul.articlenav a:hover,
ul.articlenav a:active {color: #509cd6;}



/*****************************************************************************/
/* #ADMINAREA */

#adminwrap table#tabs {
	width: 800px;
	margin-top:30px;
}



#adminwrap #tabs a {
	color: #509cd6;
}

#adminwrap #tabs td {
	font-size: 13px;
}

#adminwrap #tabs th {
	font-size: 13px;
}
#adminwrap #sub_menu {
	padding-top: 10px;
}

#adminwrap #submenu a {
	margin-right: 5em;
}

#adminwrap #tabs legend {
	font-size: 13px;font-weight: bold;
}
#adminwrap #page_content {
	padding-top: 10px;
}

#adminwrap td.tab_selected {
	text-align: center;
	font-size: 13px;
	color: black;

	

}

#adminwrap td.tab_unselected {
	text-align: center;
	background-color: #cfcfcf;
	font-size: 13px;
	color: black;
}

#adminwrap td.tab_unselected:hover {
background-color: white;
}

#adminwrap td.hidden {
display: none;
}

#adminwrap a.sub_menu_link {
	color: #000;


}

#adminwrap a.sub_menu_link:hover {
	color: #000;


}

#adminwrap a.activate, a.main {
	color: #000;


	font-weight: bold;
}

#adminwrap a.activate:hover, a.main:hover {
	color: #000;

}

#adminwrap td,  #adminwrap p, #adminwrap div {
	color: #000;

}

#adminwrap th {
	color: #000;


	padding: 5px;
}



/*****************************************************************************/
/* #QLS FORMS */

#main > fieldset {
	margin-top: 30px;
}
#main > fieldset > legend {

color:#45474B;
font-size:14px;

}

form table#tabs {
	width: 400px;
	font-size: 13px;
}


form table#tabs td {
	padding-top: .5em;font-size: 13px;color: black;
}

/*****************************************************************************/
/* #Terms of Use */

.terms {
	width:788px; 
	height:400px; 
	border: solid 1px #DDD; 
	background: #FFF; 
	overflow: auto; 
	padding: 5px;
}

/*****/
/* IT FORM */

#ithelp h2 {
	clear: left;
	overflow: auto;
}

#ithelp h3 {
	color: black;
	font-weight: bold;
}
#ithelp span {margin-top:15px;display: block;}
#ithelp ul {
	margin: 0;clear: left;
}
#ithelp  ul.general li {display: list-item;
width: 400px;
	list-style-type: none;
}

#ithelp ul.general label {
float: left;
display: block;
text-align: right;
line-height: 25px;
font-size: 12px;
width: 145px;
padding-right: 10px;
}

#ithelp  ul.request {
	width: 400px;
	clear: left;
	overflow: hidden;
}

#ithelp  ul.request li {display: block;

width: 200px;
	list-style-type: none;
	float: left;
	margin-top: .5em;
}
#ithelp ul.request input {
	display: block;float: left;
	margin-left: 20px;
	margin-right: 5px;
}
#ithelp ul.request label {
float: left;
display: block;
text-align: left;
line-height: 15px;
font-size: 12px;
padding-right: 10px;
}



#ithelp ul li.title {
	width: 400px;font-weight: bold;margin-top: 1em;font-size: 12px;
}

#ithelp ul.description li {
	list-style-type: none;
}

#ithelp .error {
	color: red;
}


/***********************************************/
/* TABLES FOR CHARTS */


table.chart {
	width: 600px;
}

table.chart .top {
	border-bottom: 1px solid black;
	background-color: #d8d8d8;
}

table.chart th,table.chart td {
	padding: 4px;
}