/*-----------------------------------------------------
 * Filename:    general.css
 * Description: Global CSS
 * Version:     1.0.0 (March 23, 2009)
 * Author:      Nino Paolo Amarillento
 * Updated:
		May 15 - added $__university (Paolo)
 == STRUCTURE: ========================================
 * Page-width:        800px
 * Number of Columns: 2
 * $__utilities		  General Utilities
 * $__header          Header Definitions
 * $__main			  Main Content Definitions
 * $__menu            Global Site Navigation
 * $__footer		  Footer Definitions
 * $__body 			  Body Definitions
 * $__sidebar 		  Sidebar Definitions
 * $__right_panel     Right Panel
 * $__done_for_you	  Done For Your Page
 * $__navigation	  Navigation
 * $__university 	  University Page
 -----------------------------------------------------*/

/* __utilities
-----------------------------------------------------*/
a:link, a:visited {color:#2A5DB0; outline:none}
a:hover {}

blockquote {
	background-color:#F5FAFA;
	border-color:#F5FAFA #F5FAFA #F5FAFA #99CCCC;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	padding:10px;
}
/* li styles */

ol {
	list-style-position:outside;
	margin-left:20px;
}
ol li {
	list-style-type:decimal;
}

.disc li {
	list-style-position:inside;
	list-style-type:disc
}
.decimal li {
	list-style-position:inside;
	list-style-type:decimal;
    text-align:left;
}
.square li {
	list-style-position:inside;
	list-style-type:square
}

.circle li {
	list-style-position:inside;
	list-style-type:circle
}

.check li {
	list-style-type:none;
	background:url(../images/check.png) no-repeat;
	padding-left:20px;
	margin:15px 0
}

/* float */
.fl {
	float:left
}

.fr {
	float:right
}

/* position */
.relative {
	position:relative !important
}

.absolute {
	position:absolute
}


/* elements */
h2 {
	font-size:15px;
	padding:5px 0
}
strong {
	font-weight:bold
}

em, i {
	font-style:italic
}
em {
	font-weight:bold;
	color:#FF0000
}


/* button styles */
.button{
	border:0 !important;
	padding:0 !important;
	*margin-top:1px !important;
	width:auto !important	
}
.button2 {
	background:url("../images/bg-btn.gif") repeat-x top left;
	height:24px;
	font-weight:bold;
	color:#5e2708 !important;
	padding:1px 5px 3px !important;
	*padding:0 !important;
	border:1px solid #dea303 !important
}
	/* blue button */
	.button3 {
		background:url("../images/btn-sprite.gif") no-repeat 0 -29px;
		padding-left:4px;
		float:left
	}
	.button3  a:link, .button3  a:visited {
		background:url("../images/btn-sprite.gif") no-repeat top right;
		display:block;
		padding:7px 10px 7px 6px;
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	.button3  a:hover {
		text-decoration:underline
	}

/* clear */
.clrl {
	clear:left
}
.clrr {
	clear:right
}
.clr {
	clear:both
}
.clear:after {
	content:".";
	clear:both;
	height: 0;
	visibility:hidden;
	display:block
}
.clear {
	zoom:1;
}


/* position */
.relative {
	position:relative
}
.absolute {
	position:absolute
}

/* color */
.red {
	color:#FF0000 !important
}
.gray {
	color:#5C5C5C !important
}

/* show border */
.b {
	border:1px solid #000
}
.b1 {
	border:1px solid #F00
}
.b2 {
	border:1px solid #0F0
}

/* text alignment */
.txt-left {
	text-align:center !important
}
.txt-center {
	text-align:center !important
}
.txt-right {
	text-align:right !important
}
.txt-justify {
	text-align:justify !important
}

h2 span {
	font-weight:normal;
	font-size:15px;
}

.send-mail {
	background:url("../images/email_go.png") no-repeat right 0;
	padding:0 25px 0 0;
	display:block;
	height:20px
}


/* link styles */
.link-s1:link, .link-s1:visited {
	background:url("../images/bg-oblong.gif") no-repeat top left;
	color:#FFF;
	padding:1px 0 3px 0;
	height:19px;
	width:66px;
	text-align:center;
	display:inline-block;
}

/* Target all Firefox */
.link-s1, x:-moz-any-link, x:only-child {
	display:block;
	clear:none !important;
	overflow:hidden !important;
	float:left
}
#hd-right div strong, x:-moz-any-link, x:only-child  {
	float:left;
}
#hd-right div, x:-moz-any-link, x:only-child {
	float:right
}
/* Firefox 3 Only */
html>/**/body .link-s1, x:-moz-any-link, x:default {	
} 

.link-s1:hover {
	text-decoration:none !important;
	color:#FFFF00
}

.link-home {
	background:url("../images/house.png") no-repeat top left;
	padding-left:20px
}

/* safari hack */
/*
html > body .link-s1:link, html > body .link-s1:visited {
	padding-top:3px
}
 or
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.link-s1:link, .link-s1:visited {
		padding-top:3px
	}
	.link-home {
		padding:2px 0 5px 20px
	}
}

/*  __header --------------------------------------- */
#hd {
	padding-top:8px;
	border-bottom:5px solid #F28004;
	background-color:#FFF
}

#hd h1, #hd h1 img, #hd h1 span {
	float:left
}
#hd h1 span {
	margin:22px 0 0 5px;
	color:#555
}
#hd-right{
	float:right;
	width:40%;
	text-align:right;
	margin-top:0px;
	margin-right:15px;
	padding-right:5px;
	font-size:11px
}
#hd-right a:link,#hd-right a:visited {
	text-decoration:none
}
#hd-right a:hover {
	text-decoration:underline
}
#hd-right div {
	margin:-4px -2px 8px 0;
	padding-top:5px;
}
#hd-right div strong {
	position:relative;
	top:0;
	_top:-5px;
	
	margin:0 2px
}
#hd-right div p {
	font-weight:bold;
	clear:both;
	padding:5px 3px 0 0 
}

.single #hd {
	padding-bottom:8px;
	border-bottom:5px solid #c5c1c1
}

#hd #logo {
	margin-left:0px
}

.single #hd #logo {
	margin-left:0
}

#hd form {
	float:right;
	/*margin:-38px 10px 0 0*/
	margin:0px 10px 0 0;
}

#hd form label {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	margin:3px 4px
}

#hd form input {
	padding:1px 3px !important;
	font-size:12px;
	font-weight:normal;
	margin-top:-1px;
}

* html #hd form input#keyword-top {
	width:86px !important
}

#hd form select {
	padding:1px 0;
}

/* Target all Firefox */
form select, x:-moz-any-link, x:only-child {
	padding:0 !important;
}
#hd form select, x:-moz-any-link, x:only-child {
	margin-top:-1px
}

/* Firefox 3 Only */
html>/**/body select, x:-moz-any-link, x:default { 
	padding:1px 0 !important
} 


#hd form #keyword-top{
	/*width:182px*/
    width:110px;
}

#hd form .button {
	margin-left:3px;
	padding:0 !important;
	margin-top:0px !important;
	*margin-top:-1px !important;
}

/*  __body --------------------------------------- */
#bd {
	background-color:#e6e6e6;
	padding:15px 0
}

#bd-min-height{
	float:left;
	width:0;
	height:520px
}

#sidebar, #main {
	float:left
}

	/* round blue box */
	#bd .blue-box-hd {background:#eff8f7 url("../images/bluebg.gif") no-repeat top left; padding-top:7px}
	#bd .blue-box-hd .blue-box-ft {background:#eff8f7 url("../images/bluebg.gif") no-repeat bottom left; zoom:1; padding-bottom:7px}
	#bd .blue-box-hd .blue-box-ft .content {background-color:#eff8f7; border:solid #b2dadc; border-width:0 1px; padding:0 10px}
	.content h1 {text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px !important; letter-spacing:1px}
	
	/* yellow button */
	#bd .yellow-btn {background:url("../images/yellow-button.png") no-repeat top left; display:block; width:297px; text-align:center; font-size:15px; font-weight:bold; margin:auto}
	#bd .yellow-btn a:link, #bd .yellow-btn a:visited {display:block; padding:12px 0 19px 0; text-decoration:none; color:#333333; outline:none}
	#bd .yellow-btn a:hover {text-decoration:underline}
	
	/* steps */
	.steps {
		background:url("../images/steps.jpg") no-repeat 0 0;
		text-indent:-9999px;
		height:45px;
		width:467px;
		margin:auto;
		margin-bottom:16px
	}
	.step1 {
		background-position:0 0;
	}
	.step2 {
		background-position:0 -45px;
	}
	.step3 {
		background-position:0 -90px;
	}
	
	/*login page
	*/
		/* login main */
		#login-main {
			padding:0 25px 50px
		}
		#login-main *, #login-sidebar * {
			font-family:Arial, Helvetica, sans-serif !important;
		}
		#login-main h1 {
			font-size:182%;
			font-weight:normal;
			text-transform:none;
		}
		#login-main h1 strong {
			font-size:12px;
			letter-spacing:normal
		}
		#login-main h3, #login-main ul {
			margin-left:10px
		}
		#login-main h3 {
			margin-top:20px;
			*padding-top:0
		}
		#login-main ul {
			margin-left:30px
		}
		#login-main ul li {
			list-style-type:disc;
			margin:5px 0
		}
		#login-main .button3 {
			margin:10px 15px 20px 15px;
			*margin-bottom:10px
		}
		
		/* login form */
		#login-sidebar .content {
			padding-left:10px;
		}
		#login-sidebar{
			margin-left:20px
		}
		#login-sidebar h2 {
			font-weight:normal !important;
			font-size:138.5%;
		}
		#login-sidebar form {
			margin-top:15px;
			padding-bottom:25px;
			border-bottom:2px dashed #cccccc;
			width:99%;
			float:left
		}
		#login-sidebar label{
			margin-bottom:12px;
			display:block;
		}
		#login-sidebar input {
			margin-top:15px
		}
		#login-sidebar label input{
			font-size:13px;
			padding:3px;
			border:1px solid #cecece;
			width:90%;
			margin-top:0
		}
		#login-sidebar label span{
			display:block;
			margin-bottom:1px;
		}
		#login-sidebar p {
			margin:10px 5px;
			float:left
		}
		#login-sidebar a.big{
			display:block;
			font-size:167%;
			color:#0000FF;
			font-weight:bold;
			margin-top:5px
		}
		
	/* Search Page
	*/
	#search h2 {
		border-bottom:2px solid #CCC;
		padding-top:0
	}
	#search ul * {
		font-family:Arial, Helvetica, sans-serif;
	}
	#search ul a.title {
		font-size:135.8%;
		font-weight:bold;
		display:block;
		margin-bottom:3px
	}
	#search ul li {
		border-bottom:1px dotted #CCC;
		padding:10px 10px
	}
	#search ul li span {
		margin-top:5px;
		display:block;
	}
	
	/* Resume Page
	*/
	#resume * {
		font-family:Arial, Helvetica, sans-serif;
	}
	#resume a.send-mail:link, #resume a.send-mail:visited {
		text-decoration:none;
		color:#000
	}
	#resume a.send-mail:hover {
		text-decoration:underline
	}
	#resume ul li {
		margin:5px 0
	}
	
	/* Info Page
	*/
	.info-skills {
		padding-bottom:10px;
		border-bottom:2px solid #DDDDDD
	}
	.info-skills h4 {
		color:#555555;
		font-size:167%;
		margin:12px 0;
	}
	.info-skills ul{
		margin-left:10px;
	}
	.info-skills ul li {
		padding:6px 0 4px;
		border-top:1px dotted #CCCCCC;
	}
	.info-skills ul li.first {
		border-top:none
	}
	.info-skills ul li strong {
		color:#555555;
		font-weight:normal
	}
	.info-skills ul li .levels {
		float:right;
		color:#0000A0;

		padding-top:3px;
		margin-top:0px;
		*margin-top:-23px;

		text-indent:0;
		background: url("../images/levels.gif") no-repeat -9999px -9999px;
		width:112px;
		height:22px;
		padding-right:137px
	}

	/* safari hack */
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{
		.info-skills ul li .levels {
			margin-top:-3px
		}
	}
	
	.info-skills ul li .level-4 {
		background-position:100% 0
	}
	.info-skills ul li .level-3 {
		background-position:100% -58px
	}
	.info-skills ul li .level-2 {
		background-position:100% -88px
	}
	.info-skills ul li .level-1 {
		background-position:100% -147px
	}
	.info-skills ul li .level-0 {
		background-position:100% -147px
	}

	/* Banner Page
	*/
	#spread-the-word-table {
		
		margin:auto
	}
	#spread-the-word-table td {
		padding:20px;
		border:1px dashed #CCC;
		border-bottom:none
	}
	#spread-the-word-table td img {
		border:1px solid #CCC;
		padding:1px;
	}
	#spread-the-word-table textarea {
		background-color:#FFFF99
	}
	#spread-the-word-table .img-tr td {
		padding-top:35px
	}
	#spread-the-word-table .code-tr td {
		border:1px dashed #CCC;
		border-bottom:3px solid #CCC;
		border-top:none
	}

/*  __sidebar --------------------------------------- */

#sidebar {
	width:150px
}

#sidebar .sidebar-content {
	padding:0 10px;
}

#sidebar form {
	border-bottom:2px solid #e6e6e6;
	margin:auto;
	width:100%;
	padding-bottom:10px
}

#sidebar form label{
	font-weight:bold;
	display:block;
	margin-top:8px
}


#sidebar form input, #sidebar form select{
	width:98%
}

#sidebar form #search-btn{
	float:right;
	margin:15px 3px 0 3px !important;
}

#left-nav-menu {
	/* border-bottom:2px solid #e6e6e6; */
	margin-top:10px;
	padding-bottom:10px;
}
#left-nav-menu strong {
	font-weight:bold;
	padding-left:5px
}

#left-nav-menu ul {
	margin:5px 5px 5px 20px
}


#side-nav li{
    padding:3px 0px;  
}

/*  __main --------------------------------------- */

#main {
	width:638px;
	float:right;
}


.doc-testimonial #main {
	width:800px;
	*width:803px;
	_width:805px
}

.doc-testimonial2 {
	width:950px !important;
	*width:950px;
	_width:965px !important
}

#main-wrapper {
	width:638px
}

#content {
	padding:20px 
}

#content #emlogo{
	text-align:center;
	margin:10px 0 20px
}

#content h2 {
	font-weight:bold
}

#content p {
	padding:8px 0;
	font-size:11px;
	text-align:justify
}

#content-hd {
	background:url("../images/sprite.gif") no-repeat 0 -130px;
	padding-left:3px
}
#content-hd div{
	text-align:right;
	padding:3px 15px 5px 0;
	background:url("../images/sprite.gif") no-repeat 100% -130px;
}
#content-hd div a:link, #content-hd div a:visited{
	text-decoration:none;
	color:#000;
	outline:none
}
#content-hd div a:hover {
	text-decoration:underline
}

.main-list {
	color:#0000FF;
	font-size:12px
}

.main-list li {
	list-style:inside;
	list-style-type:decimal;
	clear:both;
	margin-bottom:8px
}

.main-list .item {
	margin-top:8px;
	margin-left:18px;
	padding:5px 0 15px 0;
	border-bottom:1px dotted #e6e6e6
}

.main-list li a:link,.main-list li a:visited {
	font-size:13px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none
}
.main-list li a:hover {
	text-decoration:underline
}

.main-list li div {
	float:left;
	color:#333
}

.main-list li div.main {
	width:62%;
	margin-right:12px;
	padding-right:12px;
	border-right:2px solid #e6e6e6;
	text-align:justify;
}

.main-list li div strong, #lists strong {
	padding-right:5px
}

#lists {
	margin:15px 0 15px 30px;
	font-size:12px
}

#lists strong {
	float:left;
	width:120px
}

.main-list li div a:link, .main-list li div a:visited {
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}
.main-list li div a:hover {
	text-decoration:underline
}

/*  __menu --------------------------------------- */

 
#navbar{
	margin: 0;
    padding: 20px 0px 0px 0px
}
    
    #navbar li{
		float: left;
        list-style: none;
        font: 11px Tahoma, Arial;
        font-weight:bold   
    }
    #navbar #selected a{
		background: #000;
  		background:url("../images/hover.png") no-repeat;
        color:#fff;
    }
    #selected #subnav li a{
        background-image: none;
        background: #F6C793;
        color:#000;
    }
    #selected #subnav li a:hover{
        background-image: none;
        background: #F28006;
        color:#fff;
    }
    #navbar li a{
		display: block;
        background: #fff;
        width:80px;
        padding: 10px 20px;
        text-decoration: none;
        border-right: 1px solid white;
        color: #000;
        white-space: nowrap;
        text-align:center;
		outline:none
	}

    #navbar li a:hover {    
        background:url("../images/hover.png") no-repeat;
        /*background: #F28006;*/
        color:#fff;
    }
        
        #navbar li ul
        {    margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
            border-top: 1px solid white}
        
        #navbar li ul li
        {    float: none;
            display: inline}
        
        #navbar li ul li a
        {   width:94px;
            padding: 5px 13px;
            background: #F6C793;
            text-align:left;
        }
        #navbar li ul li a:hover
        {    background: #F28006}


/*  __footer --------------------------------------- */

#ft {
	border-top:1px solid #ccc;
	padding-bottom:10px;
	font-size:11px;
	color:#626262 !important;	
}

#ft .doc {
	padding-top:10px
}

#ft .title {
	font-weight:bold
}

#ft .col {
	width:22%;
	padding-left:2%;
	padding-top:5px
}

#ft #col-mid {
	width:51%;
	padding:0;
	text-align:center;
	border-left:2px solid #e7e7e7;
	border-right:2px solid #e7e7e7;
}

#ft-min-height{
	float:left;
	width:0;
	height:60px
}

#ft #col-mid a:link,#ft #col-mid a:visited{
	color:#626262;
	font-weight:bold;
	text-decoration:none;
	margin:0 8px
}

#ft #col-mid a:hover {
	text-decoration:underline;
	color:#C6BABA
}

#content span.error{
    color: white;
    padding: 5px;
    margin: 5px;
    border:1px solid red;  
    background-color:red;
    text-align:center;
    display: block;
}

.highlight{
    background: #f28006;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    border: 1px solid #f28006;
    text-decoration: none;
}

.skillrank-label{
    float:left;
    padding-top:3px;     
}
.skillranks{
    float:right;
    background: url("../images/levels.gif") no-repeat -9999px -9999px;    
    width:112px;
    height:19px;
    padding-right:137px;
    padding-top:3px;  
    text-align:left;
    margin-right:30px;
}
.skillrank-4 {
    background-position:100% 0
}
.skillrank-3 {
    background-position:100% -58px
}
.skillrank-2 {
    background-position:100% -88px
}
.skillrank-1 {
    background-position:100% -147px
}
.skillrank-0 {
    background-position:100% -147px
}

/* __right_panel
---------------------------------------------- */
.right-panel {
	float:right;
	width:150px !important;
	margin-right:15px;
	_margin-right:5px
}


/* __done_for_you
---------------------------------------------- */
#doneforyou h1 {
	/*font-family: Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	text-transform:none;
	color:#FF3399;*/
}
#doneforyou h2 {
	text-align:left;
}
ul.doneforyou{
    text-align:left;
	margin-left:25px
}
ul.doneforyou li {
	background:url(../images/check.png) no-repeat;
	padding-left:20px;
	margin:15px 0
}
ol.doneforyou{
    text-align:left;
    list-style-type:decimal;
	margin-left:25px
}
ol.doneforyou li {
	margin:5px 0
}
#doneforyou table#details {
	float:left;
	width:100%;
}

/* __did_you_know
---------------------------------------------- */

/* $__navigation
------------------------------------------------*/
.pageNav b {
	font-size:20px
}

#pagination a{
    padding:0px 3px;
}

/* $__university
------------------------------------------------*/
#university p {line-height:130%}
#university .center {text-align:center}
#university .clrl {clear:left}
#university .img-right {float:right; margin-left:15px; padding:2px; border:1px solid #CCC}
#university h1 span {padding:0 2px}
#university h2.first {border-top:none}
#university h2 {font-size:1.23em; border-top:1px solid #CCC; padding-top:25px; margin-top:25px}
#university img {border:none}
#university ul {padding:0 15px}
#university ul li {list-style-position:outside; list-style-type:none; background:url(/images/check.png) no-repeat 0 2px; margin:8px 0; padding:0 23px}
#university li.even {font-weight:bold}
#university #form {width:85%; padding:15px; margin:30px auto; padding:3px; border:1px solid #B0B4B0}
#university form { padding:15px; background-color:#BCD8FB}
#university form ul {padding:0; margin:0; width:100%; float:left}
#university form li.title {padding-bottom:15px}
#university form li.title h2 {padding:0; margin:0}
#university form li {list-style-type:none; background:none; padding:0; margin:5px; clear:left; float:left; width:100%}
#university form li label span, form li label {display:block; width:200px; float:left}
#university form li label input[type=text], form li input[type=text] {width:200px}
#university form li input[type=submit] {margin-left:200px}
#university form .error {margin-left:200px; width:219px; color:#F00}
#university .cols {float:left; margin-bottom:25px}
#university .cols .col {float:left; width:50%}
#university #reason8 dd {display:none}
#university #reason8 dt {margin:5px 0}
#university #reason8 .blue-box-hd {margin:10px 0}
#university .top8 strong {font-size:14px}
#university .inner-content {padding:10px}