/* $Id$ */
/* $MainId: side_bar.css,v 1.4 2013/12/02 10:27:05 sarathy Exp $ */
/*------------------------------------------------------------
				             RESET
--------------------------------------------------------------*/
body, html, div, blockquote, img, label, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, th, td  {  
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	outline: none; 
	font: normal 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
	color: #666;

}  

p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, th, td { 
line-height: 20px;
}
table { border: 0px; padding: 0px; margin: 0px; }

  
body  { 
	line-height: 1; 
	background: #edecec;
	

}  
html, body { height: 100%; }


  
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	padding: 0px; 
	margin: 0px; 
}  
  
ul { 
	list-style: none; 
}  
  
a { 
	text-decoration: inherit;
  font-style: inherit;
  color: inherit;
}  
a:link { color: #326ba3; }

a:hover { 
	color: #0066cc;
	text-decoration: underline;
}

a:visited {
	color: #326ba3;	
}

.clearfix { 
	clear: both; 
}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-size: 9px;
}

/*------------------------------------------------------------
				          HTML5 ELEMENTS
--------------------------------------------------------------*/
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { 
	display: block; 
}
#column300 {
	float: left;
	width: 300px;
	
}

#contact-box {
	width: 280px;
	background: #dbd8d8;
	padding: 16px 4px 12px 12px;
}

#social {
	background: url(../../images/login/bg-social.png) no-repeat;
	height: 67px;
	padding-left: 20px;
}

#newsletter {
	margin-top: 5px;
	background: url(../../images/login/bg-newsletter.png) no-repeat;
	height: 154px;
	padding-left: 20px;
}

.dashed {
	border-bottom: 1px dashed #ccc;
}


.sidebar table { margin-top: 18px; }
.sidebar table { padding-bottom: 10px; }

.page a:link, .page a:visited {
	color: #fff;
}
	
/*---------------------------------------------------
			TYPE
----------------------------------------------------*/

	
h1 { 
	font: normal 20px 'Droid Sans';
	color: #444;
	font-weight: 700;
}

h1.white {
	color: #fff;
	font-size: 26px;
	margin-bottom: -12px;
}

h2 { 
	font: normal 18px 'Droid Sans';
	color: #666;
	padding-top: 0px;
	font-weight: 700;
	line-height: 26px;
}

.sidebar h3:first-child {
	padding-top: 8px;
}
.grey-box h2:first-child {
	padding-top: 0px;
}


	
h3 { 
	font: bold 15px 'Droid Sans';
	color: #666;
	padding-top: 0px;
}	

h4 { 
	font: bold 13px 'Droid Sans';
	color: #666;
	padding-top: 12px;
}
.fine { 
	position: relative;
	top: -10px;
	font-size: 11px;
	line-height: 17px;
}
.finer {
	font-size: 11px;
}
p.white { 
	color: #fff;
font-size: 14px;
}

li {
	padding-bottom: 5px;
	font: normal 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;;
}

#solutions ul, .column300 ul {
	position: relative;
	margin-top: -10px;

}

#solutions ul li {
	background: url(../../images/login/bg-list-chevron-red.png) no-repeat 0px 2px;
	padding-left: 14px;
	padding-bottom: 7px;
}

.column300 ul.s-list li {
	background: url(../../images/login/bg-list-chevron-red.png) no-repeat 0px 2px;
	padding-left: 14px;
	padding-bottom: 7px;
}

#column300 ul.s-list li {
	background: url(../../images/login/bg-list-chevron-red.png) no-repeat 0px 2px;
	padding-left: 14px;
	padding-bottom: 7px;
}
.sidebar ul li {
	background: url(../../images/login/bg-list-chevron-red.png) no-repeat 0px 2px;
	padding-left: 14px;
	padding-bottom: 7px;
}


a:link { 
	font: normal 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;;
	color: #00467f;
}

a:hover {
	color: #0066cc;
}

.bold {
	font-weight: bold;
}


.column300 {
	width: 300px;
	float: left;
}

ul#social-indicator {
	float: left;
	margin-right: 4px;
}

ul#social-list {
	float: left;
	margin-left: 6px;
	margin-top: 18px;
}

ul#social-list li {
	float: left;
	display: inline;
	margin-right: 3px;
}
.grey-box ul {
	padding-top: 12px;
}

.ltgrey { 
	color: #999;
}


/*---------------------------------------------------
	REUSABLE PADDING AND MARGIN CLASSES
----------------------------------------------------*/

.marginright20 {
	margin-right: 20px;
}
.marginright30 {
	margin-right: 30px;
}

.pad10 {
	padding-top: 10px;
	padding-left: 15px;
}

.padtop10 {
	padding-top: 10px;
}
.padright10 { 
	padding-right: 10px;

}
.padright20 { 
	padding-right: 20px;

}
.padleft15 {
	padding-left: 15px;
	
}
.padtop15 {
	padding-top: 15px;
}

.padtop20 {
	padding-top: 20px;
}

.padtop22 {
	padding-top: 21px;
}

.padtop23 {
	padding-top: 23px;
}

.padtop35 {
	padding-top: 35px;
}

.padtop6 {
	padding-top: 6px;
}

.height370 {
	height: 400px;
}

.padbottom18 {
	padding-bottom: 17px;
}

.padbottom25 {
	padding-bottom: 25px;
}
.marginbottom8 { position: relative; bottom: -8px; }
a.password:link { font-size: 11px; line-height: 17px; }
/*---------------------------------------------------
			FORMS
----------------------------------------------------*/
.label2 { float: left; margin-right: 15px; width: 60px; padding-top: 7px;}
.input2 { margin-bottom: 2px; width: 170px; padding: 5px; font: normal 11px verdana; color: #666; }

#contact_form {
  margin-top: 12px;
  margin-bottom: 22px;
}

/* For some reason, the browser deals with type=email as part of sigin-card form  only */
.signin-card input[type=email] {
margin-bottom: 10px;
}

#keywords {
	width: 250px;
}

.news-sign { 
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #2f5bb7;
  -o-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -webkit-transition: all 0.218s;
  transition: all 0.218s;
  -o-transition: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4c7da5;
  background-image: -webkit-linear-gradient(top,#4c7da5,#336b99);
  background-image: -moz-linear-gradient(top,#4c7da5,#336b99);
  background-image: -ms-linear-gradient(top,#4c7da5,#336b99);
  background-image: -o-linear-gradient(top,#4c7da5,#336b99);
  background-image: linear-gradient(top,#4c7da5,#336b99);
  cursor: default;
	height: 28px; 
	width:42px; 
}
.news-sign:hover { 
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #2f5bb7;
  -o-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -webkit-transition: all 0.218s;
  transition: all 0.218s;
  -o-transition: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #19588c;
  background-image: -webkit-linear-gradient(top,#4c7da5,#19588c);
  background-image: -moz-linear-gradient(top,#4c7da5,#19588c);
  background-image: -ms-linear-gradient(top,#4c7da5,#19588c);
  background-image: -o-linear-gradient(top,#4c7da5,#19588c);
  background-image: linear-gradient(top,#4c7da5,#19588c);
  cursor: default;
	height: 28px; 
	width:42px; 
}