﻿/*
Theme Name: Credit Cards
Author : Vinay Kumar Atthelli
Author URI: http://www.neofrawebtechnologies.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 11px Verdana;
	color: #808080;
	background:url(images/bg.gif);
}
a {
	text-decoration: underline;
	color: #243749;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}
.clear{
clear:both;
}
p{
padding:5px;
}
#main{
background:url(images/header_bg.gif) repeat-x;
}
h3{font-size:14px;}
h4{font-size:12px;}

/** BEGIN wrapper **/
#wrapper {
	width: 970px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 186px;

}
	#header .pages {
		list-style-type: none;
		float: left;
	}
		#header .pages li {
			float: left;
			font-weight: bold;
			text-transform: uppercase;
			padding: 10px 20px 0 0;
		}
		#header .pages li a {
			color: #ffffff;
			text-decoration: none;
		}
	#header .rss {
		float: right;
		color: #ffffff;
		text-decoration: none;
		display: block;
		padding: 10px 0 0 24px;
		background: url(images/rss.gif) no-repeat 0 8px;
	}
	#header h1 {
		clear: both;
		float: left;
		text-transform: uppercase;
		font-size: 2.6em;
		width: 950px;
		text-align:center;
	}
	#header .dateInfo{
	float:right;
	margin:15px 50px 5px 10px;
	font-weight:bold;
	color:#ffffff;
	}
		#header h1 a {
			color: #ffffff;
			text-decoration: none;
		}
	#header .ad {
		float: right;
		padding-top: 20px;
	}
	#header .categories {
		clear: both;
		list-style-type: none;
		padding: 5px 0;
		height: 12px;
	}
		#header .categories li {
			float: left;
			text-transform: uppercase;
			
			padding: 0 16px;
			
			
		}
		#header .categories li a {
			color: #333333;
			text-decoration: none;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 13px;
			font-style: normal;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: normal;
			line-height: 1.5em;
		}
/** END header **/
/** END header **/
#midHeader{
/**border-bottom:10px solid #000033;**/
}
.bluebar{
position:absolute; z-index:10; width:100%; left:0; border-bottom:20px solid #000033;
}
#midHeader .steps {
		width:650px;
	list-style-type: none;
		background:url(images/steps_b.gif) repeat-x;
		padding: 6px 0;
		height: 24px;
		font-weight:bold;
		float:left;

	}
	
		#midHeader .steps li {
			float: left;
			font-size: 12px;
			padding: 0 15px;
			background: url(images/step_divider.gif) no-repeat center right;
		}
		#midHeader .steps li a {
			color: #ffffff;
			text-decoration: none;
		}
#midHeader .stepsleft{
	width:6px;
	background: url(images/steps_left.gif) no-repeat;
	height:26px;
	float:left;
	}
	#midHeader .stepsMiddle{
	width:650px;
	height:26px;
	float:left;
	}
	#midHeader .stepsRight{
	width:6px;
	background: url(images/steps_right.gif) no-repeat;
	height:26px;
	float:left;
	}		
#midHeader .searchbox{
width:310px;
float:left;
}		

#midHeader .searchbox form input{
background: url(images/search_input.gif) no-repeat;
width:160px;
margin:0px 0px 5px 5px;
border:0 none;
height:24px;
float:left;
}	
#midHeader .searchbox form button{
background:url(images/search_button.gif) no-repeat;
border:0 none;
height:25px;
text-indent:-9999px;
width:24px;
float:left;
margin-left:5px;
padding:5px 0px;
cursor:pointer;
}	
#midHeader .searchbox form label{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#3399CC;
letter-spacing:1px;
margin-left:15px;
margin-right:10px;
font-weight:bold;
text-transform:uppercase;
}
		
#midHeader .leftTxt{
float:left;
width:500px;
margin:20px 0px 5px 0px;
}
#midHeader .tagCloud{
float:right;
width:400px;
margin:0px 0px 5px 0px;
}

#midHeader .tagCloud h3{
font-family: Cambria, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
text-align:left;
}

#midHeader .leftTxt p{
font-family: �Lucida Grande�, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
text-align:left;
}

#contentMain h2{
font-family: “Lucida Grande”, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0px;
line-height: 1.2em;
color:#1C2653;
margin:0px 20px;
text-transform:uppercase;
}

#content h2{
font-family: “Lucida Grande”, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0px;
line-height: 1.2em;
color:#1C2653;
margin:0px 20px;
text-transform:uppercase;
text-align:center;
}

/** BEGIN left sidebar **/
#lsidebar {
	clear: both;
	width: 250px;
	float: left;
	margin: 0px 0px 10px 0;
	padding: 5px 0px;
}
	#lsidebar .box {

		margin:0px 0px;
	}
		#lsidebar .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#lsidebar .box ul {
			list-style-type: none;
			padding: 2px 2px 10px;
		}
			#lsidebar .box ul li {
				font-weight: bold;
				padding: 5px;
				background:url(images/cat_bg.gif) no-repeat;
				margin:2px 0px;
				height:25px;
                                 color:#243749;
			}
			#lsidebar .box ul li a {
				color: #000000;
				text-decoration: none;
                                text-transform:lowercase;
			}
			#lsidebar .box ul li a:hover {
				color: #243749;
			}
/** END left sidebar **/

/** BEGIN content **/
#content {
	width: 460px;
	float: left;
	margin: 10px 0;
}

	#content .box {
		padding: 5px;
		border-left:1px solid #DDDDFF;
		border-right:1px solid #DDDDFF;
		background:#fff url(images/content_bg.gif) repeat-x top left;
	}
		#content .box .buffer {

		}
		
	#content .homelist {
		list-style-type: none;
		padding: 3px 10px 25px;
	}
		#content .homelist li {
			clear: both;
			padding-top: 7px;
		}
		#content .homelist li img {
			float: left;
			margin: 5px 5px 5px 0;
			border:2px solid #DDDDFF;
		}
		#content .homelist li a.title {
			color: #243749;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
		}
		#content .homelist li p {
			line-height: 1.3em;
			margin: 2px 0;
		}
		#content .homelist li .more {
			display: block;
			background: url(images/more.gif) no-repeat 0 0;
			text-indent: -9999px;
			outline: none;
			width: 45px; height: 11px;
			float: left;
		}
/** END content **/

/** BEGIN right sidebar **/
.wp-polls label{
font-size:11px;
}
#rsidebar {
	width: 240px;
	float: right;
	margin: 10px 0;
}
	#rsidebar .box {
		background: #ffffff url(images/right_bg.gif) no-repeat;
		padding: 5px;
		margin-bottom: 5px;
		height:419px;
	}
#rsidebar .box .buffer{
}
		#rsidebar .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 6px;
			background:url(images/headings_bg.gif) repeat-x;
			border:1px solid #CCCCCC;
			width:135px;
		}
		#rsidebar .box ul {
			list-style-type: none;
			/*width:215px;*/
			text-align:left;
                        margin:0 10px 0 0;
			
		}
			#rsidebar .box ul li {
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
				
			}
			#rsidebar .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#rsidebar .box ul li a:hover {
				color: #243749;
			}
		#rsidebar .box .flickr {
			text-align: center;
		}
			#rsidebar .box .flickr img {
				margin: 5px;
			}
		#rsidebar .box .video {
			padding: 3px 3px 0;
		}
		#rsidebar .box .tags {
			padding: 10px;
		}
		
/** END right sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #27323C;
	color: #ffffff;
	height: 20px;
	padding: 20px 0;
}
	#footer .buffer {
		width: 970px;
		margin: 0 auto;
		text-align: left;
	}
	#footer p {
		line-height: 1.6em;
		margin-bottom: 5px;
	}
	#footer a {
		color: #ffffff;

		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .l {
		float: left;
	}
	#footer .r {
		float: right;
	}
/** END footer **/

/** Comments **/
ol.commentlist{
margin:10px;
list-style:none;
}



#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin:30px 0;
	text-align: left;
	border-collapse: collapse;
	width:700px;

	margin-top:-50px;
}
#one-column-emphasis th.head
{
	font-family:Helvetica,Arial,sans-serif;
       font-size:12px;
       font-weight:bold;
	padding: 0px 5px 10px 0px;
	color: #333;
	text-align:center;
	/*background:url(images/table_head_bg.gif) repeat-x;*/
          background:url(images/tabel_btn.gif) no-repeat left top; width:135px; height:38px;
}


#one-column-emphasis td
{
	padding: 10px 0px;
	color: #669;
	/*border-right: 1px dashed #A9D4EA;*/
	text-align:center;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
/*
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}*/


#one-column-emphasis .odd
{
	/*background: #D7EBFF; */
}

#blueBg{
background:url(images/blue_bg.gif) repeat-x; height:75px; border:1px #EEEEEE solid;
}
.box_top{
background:url(images/content_top_bg.gif) bottom left; width:460px; height:13px;
}
.box_bottom{
background:url(images/content_bottom_bg.gif) top left; width:460px; height:12px;s
}

#wpcumuluscontent{
text-align:right;
}
#midHeader .steps li.last{
		background:none;
		}

#matrixTable{
float:left; width:700px;height:300px; margin-top:-50px;
}

/*---- Matrix styles ----*/

table {margin-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6B6B6B;}
td{
	border-right:#A9D4EA 1px dashed; 
}

td, th { width:135px; padding:12px 5px 10px 0; text-align:center;  color:#6B6B6B; font-weight:bold;}
th a{
 color:#6B6B6B;
 text-decoration:none;
}

th a:hover{
 color:#6B6B6B;
 text-decoration:none;
}
table#tablefour th {
background:transparent url(http://dezinerlabs.com/creditcard/wp-content/themes/creditcard_theme/images/tabel_btn.gif) no-repeat scroll center top;
color:#333333;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:bold;
height:30px;
padding:0 5px 20px 0;
text-align:center;
width:135px;
cursor:pointer;
}

td.click, th.click
{
	background-color: #f7fbfc;
}

#buttons{
border:1px solid #fff;
}
#wpcumuluscontent{
width: 350px;
}

/* Easy Tooltip */

#easyTooltip{
	padding:5px 10px;
	border:1px solid #ccc;
	background:#ffffff url(images/tip_bg.gif) repeat-x;
	color:#666666;
	}

#easyTooltip2{
	padding:5px 10px;
	border:1px solid #ccc;
	background:#ffffff url(images/tip_bg.gif) repeat-x;
	color:#666666;
	width:150px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}	
					

/* // Easy Tooltip */


/* Forms */

.btn{
background:url(images/headings_bg.gif) repeat-x;
height:25px;
border:1px solid #ccc;
}

#content ul.quiz_list{
margin:10px;
font-size:12px;
list-style:none;
line-height:2.0em;
}

#content ul.quiz_list li a{
cursor:pointer;
text-decoration:none;
}
#content ul.quiz_list li a:hover{
font-weight:bold;
}
#placeQue{
font-size:12px;
padding-left:10px;
}

#content ul{
margin:10px;
}
