/*	
	Platino Template
	File: stylesheet.css
	Stefano Giliberti - kompulsive@gmail.com clickswitch.net		
*/

/* Main */
body
{
	background: url(../images/back.gif) repeat-x #FFF;
	color: #454950;
	font: 62.5% Helvetica, Arial, sans-serif;
	line-height: 1.4em;
}

.body-alt
{
	background: url(../images/back-alt.gif) repeat-x #FFF;
	color: #454950;
	font: 62.5% Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	height:100%;
}

p
{ 
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0 0 10px 0;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}
.center
{
	text-align: center;
}
.spacer
{
	padding: 0 0 35px 0;
}
.small-spacer
{
	padding: 0 0 20px 0;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
hr
{
	background: #c1c2c3;
	border: 0;
	color: #c1c2c3;
	height: 1px;
	margin: 25px 0;
}
.a-left
{
	text-align: left;
}
.a-right
{
	text-align: right;
}
.marker
{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #777;
}
.small
{
	color: #919191;
	font-size: 1.2em;
	line-height: 1.8em;
}

/* Tables Styling */
/*table span
{
	padding: 0 10px 0 0;
	font-weight: bold;
}
td
{
	padding: 17px 7px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 1.3em;
	text-align: center;
}
td a.promo-link
{
	font-size: .9em;
}
tr.table-header
{
	background: url(../images/upper-shade.gif) repeat-x;
}
tr.table-header h4
{
	padding: 15px 0;
}
th
{
	padding: 0px 10px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #e2e2e2;
	font-weight: bold;
}
*/
/* Quotes styling */
blockquote
{
	width: 400px;
	margin: 10px 0 15px 0;
	padding: 10px 0 10px 20px;
	border-left: 2px solid #CCC;
	font-size: 1.5em;
	line-height: 1.4em;
	color: black;
	font-weight: bold;
}
cite
{
	padding: 10px 0 0 0;
	color: #777;
	display: block;
}

/* Lists */
#content ul, #content ol
{
	padding: 10px 0 10px 18px;
}
#content ul li, #content ol li
{
	font-size: 1.4em;
	padding: 0 0 5px 0;
	line-height: 1.4em;
}

/* Form Styling */
label
{
	font-size: 16px;
	color: black;
	font-weight: bold;
	float: left;
	text-align: right;
	width: 145px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom:5px;
}
.textfield, textarea
{
	background: url(../images/upper-shade.gif) repeat-x top;
	border: 1px solid #cacaca;
	padding: 7px;
	margin: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
}

.registerddl
{	
	border: 1px solid #cacaca;
	padding: 7px;
	margin: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
}

.textfield, textarea
{
	width: 210px;
}
input.smaller
{
	width: 100px;
}
input.larger
{
	width: 400px;
}


.submit
{
	border: none;
	width: 150px;
	height: 37px;
	margin: 10px 5px 0 0;
	font-weight: bold;
	color: #fff;
	background: url(../images/button.gif) no-repeat 0 0;
}
.submit:hover
{
	background-position: 0 -37px;
	cursor: pointer;
}
.button
{
	border: 1px solid #2E3136;
	background: #45494F;
	padding: 5px 15px;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

.button:hover
{	
	background: #373A3F;
	cursor: pointer;
}

/* Headings */
h1, h2, h3, h4, h5
{
	color: #454950;
	font-size: 3.7em;
	font-weight: bold;
	padding: 5px 0 15px 0;
}
h1
{
	letter-spacing: -2px;
}
h2
{
	font-size: 2.2em;
	color: #373A3F;
	padding: 5px 0 20px 0;
}
h3
{
	font-size: 1.9em;
	font-weight: bold;
}
h4
{
	font-size: 1.6em;
	line-height: 1.4em;
}
h5
{
	font-size: 1.4em;
	line-height: 1.3em;
}

/* Links Style */
a:link, a:visited, a:active
{
	color: #2080d5;
	text-decoration: none;
}
a:hover
{
	color: black;
	text-decoration: underline;
}

/* Promo links */
a.promo-link
{
	line-height: 41px;
	width: 133px;
	background: transparent url(../images/promo-link.png) 0 0;
	color: #2e2e2e;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 5px 0 5px;
	cursor: pointer;
}
a:hover.promo-link
{
	background-position: 0 -41px;
	text-decoration: none;
	color: #4481d4;
}

/* Wrapper */
#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 0 0 30px 0;
}
/* Header */
#header
{
	position: relative;
	height: 114px;
}
/* Logo */
#header h1#logo, #header h1#logo a
{
	display: block;
	height: 37px;
	width: 231px;
}
#header h1#logo
{
	background: url(../images/logo.png) no-repeat;
	border: none;
	height: 43px;
	left: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -999em;
	top: 20px;
}
/* Navigation */
ul#navigation
{
	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	padding: 0;
}
ul#navigation li
{
	float: left;
	background: url(../images/tab-unactive-left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	margin: 0 4px 0 0;
}
ul#navigation a
{
	float: left;
	display: block;
	background: url(../images/tab-unactive-right.gif) no-repeat right top;
	padding: 10px 15px 10px 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	color: white;
}
ul#navigation a:hover
{
	color: #d0d5de;
}
/* Hover class */
ul#navigation .hover
{
	background: url(../images/tab-hover-left.gif) no-repeat left top;
}
ul#navigation .hover a
{
	background: url(../images/tab-hover-right.gif) no-repeat right top;
}
/* Current list item */
ul#navigation .current
{
	background: url(../images/tab-active-left.gif) no-repeat left top;
}
ul#navigation .current a
{
	background: url(../images/tab-active-right.gif) no-repeat right top;
	color: #2b2e32;
}
/* Highlighted (blue) list item */
ul#navigation .highlighted
{
	background: url(../images/tab-highlighted-left.gif) no-repeat left top;
}
ul#navigation .highlighted a
{
	background: url(../images/tab-highlighted-right.gif) no-repeat right top;
}
ul#navigation .highlighted a:hover
{
	color: #93ddff;
}

/* Right upper menu */
ul#fast-links
{
	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
}
ul#fast-links li
{
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	margin: 0 2px 0 0;
}
ul#fast-links a
{
	float: left;
	display: block;
	padding: 10px 10px 12px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	color: #c6c9d1;
}
ul#fast-links a:hover
{
	text-decoration: underline;
}
/* Current list item */
ul#fast-links .current
{
	background: url(../images/fast-links-hover-left.gif) no-repeat left center;
}
ul#fast-links .current a
{
	background: url(../images/fast-links-hover-right.gif) no-repeat right center;
}

/* Promo Container */
#promo-container
{
	background: url(../images/promo-shade.gif) bottom no-repeat;
	padding: 30px 0 60px 0;
	margin: 0 0 20px 0;
	position: relative;
}
#promo-info
{
	position: absolute;
	bottom: 50px;
	right: 0;
	color: black;
}
/* Pages title */
#promo-container h1, #promo-container h2, #promo-container h3
{
	color: #2B2E32;
	padding: 25px 0 0 0;
}
ul#sub-menu
{
	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 45px;
	right: 0;
	padding: 0;
}
ul#sub-menu li
{
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	margin: 0 2px 0 0;
}
ul#sub-menu a
{
	float: left;
	display: block;
	padding: 10px 10px 12px 5px;
	text-decoration: none;
	font-size: .9em;
}
ul#sub-menu li.current a
{
	color: black;
	cursor: default;
}

/* "Signup for free" or "Take the tour" links positioning */
.promo-links
{
	position: absolute;
	top: 160px;
	left: 40px;
}
/* "or" text */
.promo-links span
{
	font-size: 1.8em;
	color: white;
	line-height: 41px;
	margin: 0 5px 0 5px;
}
.promo-links a.promo-link, .promo-links span
{
	float: left;
}

/* Slider */
#slider
{
	height: 243px;
	overflow: hidden; /* IE6, IE7 Fix */
	position: relative;
}
#slider ul, #slider ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider ul li
{
	height: 243px;
	overflow: hidden;
	position: relative;
	font-size: 1em;
}
/* Slider controls */
#prev-slide, #next-slide
{
	display: block;
	width: 25px;
	height: 53px;
	text-indent: -999em;
	position: absolute;
	top: 125px;
	left: -45px;
}
#next-slide
{
	left: 980px;
}
#prev-slide a, #next-slide a
{
	display: block;
	width: 25px;
	height: 53px;
	background: url(../images/slider-controls.gif) no-repeat 0 0;
}
#next-slide a
{
	background-position: 0 -53px;
}

/* Home introduction text and info strips */
.intro-div
{
	width: 580px;
	padding: 0 0 50px 0;
}
.info-strip
{
	width: 479px;
	min-height: 120px;
	padding: 0 0 25px 0;
}
.info-strip .desc
{
	width: 75%;
	padding: 0 50px 0 0;
}

/* Columns */
.left-column
{
	width: 479px;
	padding: 0 0 30px 0;
}
.right-column
{
	width: 372px;
	padding: 0 0 30px 40px;
	background: url(../images/left-shade.gif) no-repeat left center;
	min-height: 400px;
}


.left-column-split
{
	width: 460px;
	padding: 0 0 30px 0;
}
.right-column-split
{
	width: 460px;
	padding: 0 0 30px 40px;
	background: url(../images/left-shade.gif) no-repeat left center;
	min-height: 400px;
}

.center-box
{
	width: 700px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 30px;
	background: url(../images/upper-shade.gif) top repeat-x;
	text-align: center;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #d4d4d4;
}

/* Features tabs */
ul.tabs
{
	list-style: none;
	padding: 0 !important;
}
ul.tabs li
{
	float: left;
	margin: 0 1px 0 0;
	text-align: center;
}
ul.tabs li a
{
	display: block;
	width: 92px;
	line-height: 37px;
	background: url(../images/tabs.gif) no-repeat left top;
	color: #777;
	font-size: 0.9em;
	font-weight: bold;
}
ul.tabs li a.selected
{
	background-position: 0 -37px;
	color: black;
}

/* Bottom Promo */
/* First panel left border trick */
#bottom-promo .first
{
	background: url(../images/bottom-promo-left-border.gif) left repeat-y;
}
#bottom-promo .panel
{
	width: 239px;
	height: 165px;
	float: left;
	border: 1px solid #cacaca;
	border-left: none;
	margin: 30px 0 25px 0;
}
/* Panel icon */
#bottom-promo .panel img
{
	padding: 10px 15px 0 10px;
}
/* Panel title */
#bottom-promo .panel h3
{
	padding: 28px 0 30px 0;
}
/* Panel description */
#bottom-promo .panel p
{
	line-height: 1.4em;
	font-size: 1.3em;
	padding: 0 13px 13px 13px;
}
/* Search panel */
input#panel-search
{
	margin: 13px 0 0 0;
	width: 192px;
}


/* Right upper menu */
ul#check-list
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
ul#check-list li
{
	background: url(../images/accepted_16.gif) left top no-repeat;
	padding-left: 30px;
}

.highlight-text
{
	background-color: #e2e2e2;
	padding: 5px;
}

#homepage-sample
{
	height: 350px;
	width: 280px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	float: left;
	margin-left: 10px;
	border: 1px solid #cacaca;
}

/* ALERTS STYLES */

.alert-ok
{
	background: #e6ebc2 url(../images/icon-ok.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #8da330;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin-bottom: 10px;
}

.alert-wrong
{
	background: #eddbd5 url(../images/icon-wrong.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #c05843;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin-bottom: 10px;
}

.alert-tip
{
	background: #f3ebd4 url(../images/icon-alert.gif) top no-repeat;	 	 
	background-position: 10px 10px;
	display: block;
	border: 1px solid #dc9b58;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin-bottom: 10px;
	
}

.alert-info
{
	background: #e2e2e2 url(../images/icon-info.png) top no-repeat;
	background-position: 10px 10px;
	display: block;
	border: 1px solid #c1c2c3;
	min-height:25px;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin-bottom: 10px;
}


/** header userbox **/
	div#header {padding-top:20px;}
	
	div#userbox {font-family: Helvetica;font-size: 12px;float:right; color:#c1cad0; background:url(../images/icon-greet-user.gif) no-repeat 0px 5px; padding:4px 0px 0px 18px; margin:0;}	
	div#userbox a {color:#ceac0f; text-decoration:none; font-weight:bold;}
	div#userbox a:hover {color:#fff;}
	div#userbox small {display:block; margin-top:5px; color:#8d9599; font-size:0.9em;}
	
	div#top {margin-bottom:18px;}
	
	p#userbox div {font-size: 20px}
	
	div#userbox2 {font-family: Helvetica;font-size: 12px;float:right; color:#c1cad0; padding:24px 0px 0px 0px; margin:0;}	
	div#userbox2 a {color:#ceac0f; text-decoration:none; font-weight:bold;}
	div#userbox2 a:hover {color:#fff;}
	div#userbox2 small {display:block; margin-top:5px; color:#8d9599; font-size:0.9em;}

.specialty
{
	position: absolute;
	color: white;
	top: 63px;
	padding-left: 38px;
	font-size: 12px;
}

.profile-pic
{
	float: right;
	padding: 0 15px 0px 0px;
}

.profile-pic2
{
	float: right;
	padding: 0 1px 0px 0px;
}



.custom-url
{
	border: solid 2px #3A4043;
	margin: 10px 10px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ECF1F4;
	font-size: 0.9em;
	height: 85px;
}

.white-box {width: 210px; padding: 30px 30px 30px 0; float: left;}
.white-box-inner {background: url(../images/white_box.png) repeat-x; height: 156px}
.white-box-text {padding: 10px; font-family: Trebuchet MS; font-size: 1.3em; line-height: 20px;}
.bottom-box-header {font-family: Trebuchet MS; font-size: 2em; color: White; font-weight: bold}
#content .bottom-box-text ul li {line-height: 20px; font-family: Trebuchet MS; font-size: 13px;}

.footer 
{
	padding-top: 40px;
	
}

div.public-resume-right-side table, div.public-resume-right-side td
{
	font-size: 11px;
}

div.public-resume-right-side
{
	padding-top: 40px;
}


.public-resume-name
{
	padding-top: 20px;
	padding-left: 10px; 
	color:#FFFFFF; 
	font-size:24px; 
	font-family: Trebuchet MS; 
	float: left;
}	


.error-title
{
	padding: 20px 0 0 0px; 
	color:#FFFFFF; 
	font-size:3em; 
	font-family: Trebuchet MS; 
	float: left;
}