/* www.josejobin.com- Portfolio of jobin jose */

.contentslide{
width: 100%;
}

.contentslide .contentdiv{
display: none;
background: url(../images/aims-tabs-bg.jpg)left bottom no-repeat;}

.pagination{
width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
position: relative;
margin: 14px 0px 0px 0px;
float: left;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
color:#5a9c01;
}


* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 100%; /*IE5 width*/
w\idth: 100%; /*IE6 width*/
}

.pagination a{color: #5a9c01; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc;  background: url(../images/aims-tabs-bg.jpg) left bottom repeat-x;}

.pagination a:hover{color:#990000; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc; background:#d8e3e7;}

.pagination a.selected{color:#006699; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc; background:#d8e3e7;}



.contentdiv {width: 100%; float: left;}
.contentdiv h1{height: 30px; width: 95%; float: left; text-align: left; margin: 0px; padding: 8px 0px 0px 12px; font-size: 12px; font-weight:bold; color: #d65515;}
.contentdiv img{float: left; margin: 0px 10px 3px 12px;}
.contentdiv p{height: 85px; text-align: left; margin: 0px; padding: 0px 15px 0px 0px; line-height: normal; letter-spacing: 0px; font-size: 10px; color: #333;}
.contentdiv a {color: #666; padding: 0px; margin: 0px; text-decoration: underline; float: left;}
.contentdiv a:hover {color: #000; padding: 0px; margin: 0px; text-decoration: none; float: left;}
.contentdiv .tab{float: left; width: 100%; height: 23px; margin: 11px 0px 0px 0px; background: url(../images/aims-tabs-bg.jpg) left bottom no-repeat;}
.contentdiv .tab ul {list-style: none; display: inline; margin: 0px; padding: 0px;}
.contentdiv .tab li { float: left; list-style: none; display: inline; margin: 6px 0px 0px 0px; padding: 0px 1px 0px 0px;}
.contentdiv .tab a { color: #666; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc;}
.contentdiv .tab a:hover { color: #000; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc; background:#d8e3e7;}
.contentdiv .tab a:active { color: #000; padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; text-decoration: none; float: left; line-height: 18px; border-right: 1px solid #ccc; background:#d8e3e7;}



h1 {
font-family:Tahoma, Verdana, Arial ;
color:#5a9c01;
font-size:11px;
font-weight:bold;
padding-left:15px;
line-height:26px;
float:left;
}

/*pop up-styles starts here*/


.border_preview{
	z-index:100;
	position:absolute; 
	background: #ffffff;
	border: 1px solid #cccccc;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}

/*pop up-styles ends here*/