/* 	Index of this CSS File

	(01) COLUMNS ( Grid System )
	(02) LIST STYLES
	(03) BUTTONS
	(04) IMAGE LEFT, RIGHT AND CENTER
	(05) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
	(06) GO TOP LINK
	(07) PAGINATION
	(08) TAB STYLES
	(09) TOGGLES
	(10) TOOLTIP
 */

/* ========================================================== 
	(01) COLUMNS ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 30px 10px 0; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half {
	width:465px;
}
.one-third { width:300px;}
.one-fourth { width:217px;}
.one-fifth { width:168px;}
.one-sixth { width:135px;}
.two-third { width:630px;}
.three-fourth { width:713px;}
.four-fifth { width:762px;}
.five-sixth { width:795px;}

/* ========================================================== 
	(02) LIST STYLES
============================================================ */

#content ul{	
	padding:0 0 8px 0; }	
	
#content ul li{ 
	background:url(../images/backgrounds/bullet1.png) no-repeat 0 1px;
	line-height:19px;
	padding-bottom:5px;
	padding-left:25px; } 

#content ol {
	padding-left: 23px; }
	
#content ol li{
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	

/* Ordered Lists */

#content ol {	padding: 0 0 8px 23px; }
	
#content ol li{	
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	
	
#content ol.list-lower-roman li { list-style: lower-roman; }
#content ol.list-upper-roman li { list-style: upper-roman; }
#content ol.list-lower-alpha li { list-style: lower-alpha; }
#content ol.list-upper-alpha li { list-style: upper-alpha; }

/* ========================================================== 
	(03) BUTTONS
============================================================ */

button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:32px;	
	position: relative;}
	
button::-moz-focus-inner { border: none; padding:0;} /* span’s offset in firefox */

a.button-white, button.button-white{ 	
	height:32px;
	display:inline-block;
	padding:0 0 0 12px;
	width:auto;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-white span, button.button-white span{ 	
	height:32px;
	display:inline-block;
	padding:0 20px 0 0;
	margin:0;
	line-height:28px;
	position: relative; 
	font-size:11px;	
	text-shadow: 0 1px 0 #fff}


/* ====== White Button ====== */

a.button-white,button.button-white { background:url(../images/backgrounds/button-white-left.png) no-repeat left 0;}
a.button-white span,button.button-white span{ background:url(../images/backgrounds/button-white-right.png) no-repeat right 0; color:#505050;text-shadow: 0 1px 0 #fff }
a:hover.button-white,button.button-white:hover{ }
a:hover.button-white span,button.button-white:hover span{ color:#000; text-shadow: 0 1px 0 #fff; }	

/* ====== Black Buttons ====== */

a.button-small,button.button-small,a.button-medium,button.button-medium,a.button-large, button.button-large {
	display:inline-block;
	float:left;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-small span, button.button-small span,a.button-medium span, button.button-medium span,a.button-large span{
	display:inline-block;
	color:#fff;
	margin:0;
	text-shadow: 1px 1px 0px #000;}

/* ====== Button Size Small ====== */
	
a.button-small, button.button-small { 
	background:url(../images/backgrounds/button-small-left.png) no-repeat 0 0;
	height:28px;	
	padding:0 0px 0 13px;
	color:#fff;}
	
a.button-small span, button.button-small span{ 
	background:url(../images/backgrounds/button-small-right.png) no-repeat right 0;
	height:28px;	
	padding:0 20px 0 0;	
	line-height:26px;	
	font-size:12px;
	font-style:italic;}	
	
a:hover.button-small, button.button-small:hover{ background-position: 0 bottom; }	
a:hover.button-small span, button.button-small:hover span{ background-position: right bottom; }	
	
/* ====== Button Size Medium ====== */
	
a.button-medium, button.button-medium { 
	background:url(../images/backgrounds/button-medium-left.png) no-repeat 0 0;
	height:37px;	
	padding:0 0px 0 15px;
	color:#fff;}
	
a.button-medium span, button.button-medium span{ 
	background:url(../images/backgrounds/button-medium-right.png) no-repeat right 0;
	height:37px;	
	padding:0 25px 0 0;	
	line-height:35px;	
	font-size:16px;
	font-style:italic;}
	
a:hover.button-medium, button.button-medium:hover{ background-position: 0 bottom; }	
a:hover.button-medium span, button.button-medium:hover span{ background-position: right bottom; }		
	
/* ====== Button Size Large ====== */
	
a.button-large, button.button-large { 
	background:url(../images/backgrounds/button-large-left.png) no-repeat 0 0;
	height:56px;	
	padding:0 0px 0 23px;
	color:#fff;}
	
a.button-large span, button.button-large span{ 
	background:url(../images/backgrounds/button-large-right.png) no-repeat right 0;
	height:56px;	
	padding:0 30px 0 0;	
	line-height:54px;	
	font-size:22px;	
	text-shadow:0;
	font-style:italic;}
	
a:hover.button-large, button.button-large:hover{ background-position: 0 bottom; }	
a:hover.button-large span, button.button-large:hover span{ background-position: right bottom; }		
	
/* Input Tag Button Styles for */

.input-button1,.input-button2,.input-button3{
	border:0; outline:0; 
	color:#fff; 
	cursor:pointer; 
	font-family:georgia,arial, verdana;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-style:italic;
	text-shadow: 1px 1px 0px #000;}

.input-button1 { background:url(../images/backgrounds/button-small-right.png) repeat-x right 0; height:28px; padding:0 15px 0 10px; font-size:11px;}
.input-button2 { background:url(../images/backgrounds/button-medium-right.png) repeat-x right 0; height:37px; padding:0 25px 0 15px; font-size:16px;}
.input-button3 { background:url(../images/backgrounds/button-large-right.png) repeat-x right 0; height:56px; padding:0 30px 0 20px; font-size:22px;}
.input-button1:hover,.input-button2:hover ,.input-button3:hover { color:#ccc; }

/* ========================================================== 
	(04) IMAGE LEFT, RIGHT AND CENTER
============================================================ */

.image-left, .image-right, .image-center { 
	background:#e8e8e8; 
	padding:6px; 
	border:1px solid #cbcbcb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 3px 3px 3px #eeeeee;
	-webkit-box-shadow: inset 0 0 5px #eeeeee;
	box-shadow: inner 0 0 5px #eeeeee;}

.image-left { float:left; margin:10px 20px 10px 0; position:relative;}
.image-right { float:right; margin:10px 0 10px 20px; position:relative;}
.image-center { text-align:center; margin:10px 0 10px 0;}

/* ========================================================== 
	(05) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon, .preloader { background-position:50% 50%; background-repeat:no-repeat;}
.zoom-icon   { background-image:url(../images/icons/zoom.png)}
.play-icon   { background-image:url(../images/icons/play.png) }
.doc-icon     { background-image:url(../images/icons/doc.png) }
.flash-icon { background-image:url(../images/icons/flash.png) }
.preloader { background-image:url(../images/backgrounds/pre-loader4.html) }

/* ========================================================== 
	(06) GO TOP LINK
============================================================ */

.gotop a, .gotop a:active,.gotop2 a, .gotop2 a:active { 	
	text-decoration:none; 
	font-size:10px; 
	float:right;
	height:20px;
	margin-top:-20px;}	
.gotop2 a, .gotop2 a:active { margin-top:-10px; }		
.gotop a, .gotop a:active {color:#888; }
.gotop2 a, .gotop2 a:active {color:#888}		
.gotop a:hover { color:#000; }
.gotop2 a:hover {color:#000; }

/* ========================================================== 
	(07) PAGINATION
============================================================ */

#content .pagination  { width:400px; }

#content .pagination ul li.page-previous a,#content .pagination ul li.page-next a { 
	width:64px; 
	height:64px; 
	line-height:68px; 
	display:block; 
	text-indent:0px; 
	font-size:10px;
	color:#fff; border:none;
	text-shadow: 1px 1px 0 #000; margin-top:0;
	text-decoration:none;	
	float:left;
	position:relative;}
	
#content .pagination ul li.page-previous a:hover,#content .pagination ul li.page-next a:hover { color:#d1d1d1; }	

#content .pagination ul li.page-previous a { background:url(../images/backgrounds/pagination-prev.jpg) no-repeat;   }
#content .pagination ul li.page-next a { background:url(../images/backgrounds/pagination-next.jpg) no-repeat;   }


#content .pagination ul { padding:0; text-align:center; clear:both; float:left; position:relative; height:64px;  }	
#content .pagination ul li { background:none; padding:0;}

#content .pagination ul li, .pagination li { 	
	background:none; 	
	margin:0; 	height:64px; 
	padding:0;}

#content .pagination li { float:left; }

#content .pagination li a,#content .pagination li.active a  {
	width:22px;
	height:22px;
	margin:20px 3px 0 3px;
	border:1px solid #d5d5d5;
	text-shadow: 1px 1px 0 #fff;
	text-decoration:none;
	display:block;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;}

#content .pagination li a {		
	background:url(../images/backgrounds/pagination-on.jpg) repeat-x;	
	line-height:22px;	
	color:#292929;}
	
#content .pagination li a:hover, #content .pagination li.active a{ 
	background:url(../images/backgrounds/pagination-active.jpg) repeat-x; 
	color:#fff; 
	text-shadow: 1px 1px 0 #000;
	border:1px solid #2b2d2d;}
	
/* ========================================================== 
	(08) TAB STYLES
============================================================ */

#content ul.tabs { 
	margin:0px 0 0 0;
	padding: 0; 
	float: left; 
	color:#363636; 
	list-style: none; 
	height: 50px; 	
	width: 100%; }
	
#content ul.tabs li { 
	float: left; 
	padding: 0;		
	overflow: hidden; 
	position: relative; 
	margin-right:10px; 
	font-style:italic;
	font-family:georgia;	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; }

#content ul.tabs li a { 
	background: url(../images/backgrounds/tab-left.png) no-repeat 0 0; 
	text-decoration: none; 
	height: 49px; 
	line-height: 3px; 
	color:#363636; 
	display: block; 
	font-size: 14px; 
	padding-left:20px;
	outline: none;
	text-align:center;}
	
#content ul.tabs li a span  { background: url(../images/backgrounds/tab-right.png) no-repeat right 0; height: 49px; 
	line-height: 33px;display: block; padding-right:20px; z-index:111;  }

html #content ul.tabs li.active{ background:url(../images/backgrounds/tab-arrow.png) no-repeat center 40px; }

.tab_container { 
	border: 1px solid #d7d7d7; padding:0; margin:-2px 0 0 0;	
	clear: both; 	
	float: left;  
	width: 100%; 
	background: #fff; 
	color:#707070;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; }

.tab_content { padding: 25px 25px 0 25px;}
	
/* ========================================================== 
	(09) TOGGLES
============================================================ */

.trigger, .acc_trigger, .trigger, .acc_trigger { margin-bottom:2px; }

.trigger, .acc_trigger, .trigger, .acc_trigger,p.active a,p.active2 a,.toggle_container, .acc_container
	{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;	}

p.trigger, p.acc_trigger{ 
	clear:both;
	padding:0;  
	margin:0 0 2px 0;  
	background: url(../images/backgrounds/toggles.png) no-repeat right 0;  
	height: 35px;  
	line-height: 35px; 
	width: 100%; 
	float: left; 
	border: 1px solid #c1c1c1; }
	
p.trigger a, p.acc_trigger a { clear:both;
	color: #363636; 
	font-size: 14px; 	
	text-indent:12px; 
	text-decoration: none; 
	display: block;
	height: 35px;  
	font-style:italic;
	line-height: 35px;  }
	
p.trigger a:hover, p.acc_trigger a:hover { }

p.active a{background: url(../images/backgrounds/toggles.png) no-repeat right bottom;}

.toggle_container, .acc_container { 
	margin: 0 0 2px 0; 
	padding: 0; 
	overflow: hidden; 
	width: 100%; 
	clear: both; 
	border: 1px solid #c1c1c1;
	color:#707070;
	background-color:#fff; }
	
.toggle_container .block , .acc_container .block { 
	padding: 15px 20px 0px 20px; 
	margin:0; }

p.trigger2, p.acc_trigger2{ 
	padding: 0;  
	margin:0 0 2px 0; 
	background: url(../images/backgrounds/plus.png) no-repeat 0px 9px;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; }
	
p.trigger2 a, p.acc_trigger2 a { 
	color: #000; 
	font-size: 14px; 	
	text-indent:25px; 
	font-style:italic;
	text-decoration: none; 
	display: block; 
	margin-bottom:0; }
	
p.active2 a { background: url(../images/backgrounds/minus.png) no-repeat 0px 9px; }

p.trigger2 a:hover, p.acc_trigger2 a:hover {  }

.toggle_container2, .acc_container2 { 
	margin: 0 0 5px 0px;
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; }
	
.toggle_container2 .block2, .acc_container2 .block2{ 
	padding: 10px 15px 0px 15px; 
	margin:0; }	
	
/* ========================================================== 
	(10) TOOLTIP
============================================================ */

.tipsy { padding: 5px; font-size: 12px; opacity:0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/backgrounds/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }