/* CSS Document */
body{
	background:#E6E6E6;	
	font-family:Arial, Helvetica, sans-serif;	
	color:#000;
	font-size:14px;
}
a{ color:#0060b2 }

/* Helpers */
.left{ float:left }
.right{ float:right; }
.toppad{ padding-top:15px; }
.error{ padding-top:10px; color:#F00; font-weight:bold}
.pad10{ padding:10px }
.marg{ margin:20px; margin-top:30px}
.cent{ text-align:center}
.button{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 30px;
	background:#0060b2;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

.fixbutton{
	width:110px;	
	padding:10px 10px;
	text-align:center;	
}

.red{ border-color: #e71f27;}
.yellow{ border-color: #f47e20;}
.green{ border-color: #80c242;}

.redButton{ border-color: #e71f27; background-color: #e71f27;}
.yellowButton{ border-color: #f47e20; background-color: #f47e20;}
.greenButton{ border-color: #80c242; background-color: #80c242;}

.redFont{ color: #e71f27;}
.yellowFont{ color: #f47e20;}
.greenFont{ color: #80c242;}
/* Global Styles */
#wrapper
{
	/*border:1px solid #343434;*/
	width:100%;
}
#head{
	background:#343434;
	height:42px;	
	position:relative;
}
#smallhead{
	background:#343434;
	height:25px;
	position:relative;
	color:#fff;
	padding-top:3px;
}
#head .back{
	position:absolute;
	left:5px;
	top:5px;
	font-size:12px;
	padding:10px 15px;
}
#logo{
	width:110px;
	height:19px;
	margin:auto;
	padding-top:10px;
	background-image: url('../images/CoboCards_Logo_Low.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	-webkit-background-size: 110px 19px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #logo {
        background-image: url('../images/CoboCards_Logo_High.png'); /* this is our iPhone 4 sized graphic at 128x128px */
        -webkit-background-size: 110px 19px; /* set to the originally intended mobile size; due to a bug in Webkit, both dimensions should be specified even if they are the same */
    }
}


.loading{
	position:absolute;
	right:5px;
	top:4px;	
}

.close{
	position:absolute;
	right:5px;
	top:4px;
}

.close img {
	width: 18px;
}

#inner{

}
#innerWhite{
	background:#fff;
	min-height:392px;
	margin-bottom:40px;	
}
#bottomBar{
	background:#343434;	
	padding-top:15px;
	height:30px;
	position:absolute;
	top:420px;
	width:100%;
	text-align:center;
}
#bottomBar .button{
	font-size:12px;
	font-weight:normal;
	padding:7px 15px;
}

#bottomBar a {
	width: 28.125%;
}

/* BalanceView Styles */
#balance .title{
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
}
#balance ul{
	padding-bottom:10px;	
}
#balance ul li{
	font-weight:bold;
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
	text-align:left;
	padding:5px 20px;	
}
#balance ul li span{
	float:right;	
}

/* whitePageView Styles */
#innerWhite .title{
	padding:20px;
	font-size:15px;
	font-weight:bold;	
	border-bottom:5px solid #AEAEAE;
	line-height: 19px;
}
#innerWhite .text{
	padding:20px;
	font-size:15px;
	font-weight:normal;
	line-height: 19px;
}
#innerWhite p{
	padding-bottom:10px;	
}
#innerWhite .full{
	display:block;
	min-height:318px;
}

#innerWhite ul li {
	list-style: circle;
}

#innerWhite ol li {
	list-style: decimal;
}

/* cardListView Styles */
.cardList{
	background:#fff;
}	
.cardList li{
	border-bottom:1px solid #666;
	clear:both;
}
.cardList label{
	display:block;
	cursor:pointer;
	height:30px;	
	padding:10px;
}
.cardList input{
	float:right;	
	margin-top:6px;
	border: 2px solid #CCC;
	height: 20px;
	width: 20px;
}
.cardList .big{
	font-size:26px;	
	font-weight:bold;	
}
.cardList .big span{
	padding-top:2px;
	float:left;
}
.cardList .medium{
	font-size:21px;	
	font-weight:bold;	
}
.cardList .medium span{
	padding-top:4px;
	float:left;
}
.cardList .small{
	font-size:14px;	
	font-weight:bold;	
}
.cardList .small span{
	font-size:13px;	
	padding-top:2px;
	font-weight:normal;
	display:block;
	float:left;	
	color:#4B4B4B;
}
.subCardList li{
	float:left;
	width: 49.68%;	
	clear:none;
	border-right:1px solid #666;
	position:relative;
}
.subCardList li:nth-child(2n+2) {
	border-right:none;
	width:50%;
}
.subCardList .boxbord{
	float:right;	
	padding:0px 3px;
	top:15px;
	right:7px;
	position:absolute;
}

.subCardList .boxbord input{
	margin-top:2px;	
}

.subCardList .red{ border-color:#E71F27} 
.subCardList .yellow{ border-color:#F47E20} 
.subCardList .green1{ border-color:#D9EDC6} 
.subCardList .green2{ border-color:#BFE0A0}
.subCardList .green3{ border-color:#A6D47A}
.subCardList .green4{ border-color:#80C242} 

.onlypro {
    margin-top:3px;
    font:normal 13px Arial;
    color:#008E45;
}

/* listView/folderView styles */
.subtitle{
	padding:4px 10px;
	height:16px;
	font-size:14px;
	background:#6E6E6E;	
	color:#fff;
}
.list li{
	border-bottom:1px solid #666;
}	
.list a{
	display:block;
	height:40px;	
	padding-top:10px;
	padding-left:10px;
	font-weight: bold;
}
.list a img{
	padding-right:10px;	
}

.list li img{
	float:left;
}
.list li span{
	float:left;
	width:250px;
	padding-top:5px;
}

/* loginView styles */
.loginform{
	padding:10px;	
}
.loginform label{
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}
.loginform .inptext{
	font-size:14px;
	padding:6px;
	width:94%;
	border:2px solid #CCC;
}
.loginform .checkbox{
	margin-top:20px;
	font-size:14px;
	padding:0px;
	width:20px;
	height:20px;
	border:2px solid #CCC;
	float:left;
	margin-right:8px;
}
.loginform .remember span{
	float:left;	
	padding-top:23px;
}
.loginform .login{
	margin-top:30px;
}
.loginform .remember{
		
	padding-top:6px;	
}

.hidden {
	visibility: hidden;
}

.CSS_FLOATY_BAR {
	 top: -50px;  /* start off the screen, so it slides in nicely */
	 -webkit-transition: top 0.2s ease-out;
}


/* CSS FOR CARDS */
pre {
	margin:0px;
	padding:0px;
	display:inline;
	font-family:"Courier New", Monospace;
	font-size:0.9em;
	line-height:18px;
}
.cardimg {
	display:block;
	margin:4px 0px;
	border:none;
}
a.cardlink {
	font-family:Arial;
	color:#0060B6;
}
a.cardlink:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#0060B6;
}
.m {
	color:#FFF;
	background-color:#0000C8;
}
.big {
	font-size:21px;
	line-height:25px;
}
.small {
	font-size:12px;
	line-height:17px;
}
.r {
	color:#FF0000;
}
.g {
	color:#008E45;
}