/* 

    Document   : style

    Created on : Sep 12, 2013, 3:46:47 AM

    Author     : Suraj

    Description:

    Purpose of the stylesheet follows.

*/



/* 

   TODO customize this sample style

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/



#bitcoin-widget{

    position: relative;	

	/*overflow:hidden;*/

	background-color: #FFFFFF;

	max-width: 170px;

	width:170px;

	border-radius:25px;

	-moz-border-radius:25px;

	box-shadow:0px 0px 15px rgba(0,0,0,0.2);

	-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.2);

	padding:20px 15px;

	border:1px solid #7d7d7d;

	font-family:Arial !important;

	font-weight:normal !important;

	/*display:none;

	min-height:350px;*/

	opacity:0;

	margin:0px auto;

}



#bitcoin-widget .litecoin-tab-nav,

#bitcoin-widget .bitcoin-tab-nav{

	background: transparent;

}



#bitcoin-widget a.bitcoin-middle-tab-link{

	border-right: 1px solid #F0E7E7;

	border-left: 1px solid #F0E7E7;

}



#bitcoin-widget a.bitcoin-tab-link.bitcoin-last-tab-link,

#bitcoin-widget a.litecoin-tab-link.litecoin-last-tab-link {

	float: none;

	overflow: hidden;

	width: auto;

	border-left: 1px solid #F0E7E7;

}



#bitcoin-widget a.litecoin-tab-link,

#bitcoin-widget a.bitcoin-tab-link {

	text-decoration: none;

	width: 50%;

	display: block;

	font-size: 10px;

	float: left;

	height: 23px;

	line-height:23px;

	text-align: center;

	font-weight: normal;

    color : #ccc;

    /*background : #fff;*/

    position:relative;

}



#bitcoin-widget a.litecoin-tab-link.active,

#bitcoin-widget a.bitcoin-tab-link.active {

	font-weight: bold;

    color : black;

    background : rgb(241, 217, 154);

}



#bitcoin-widget .litecoin-login-status,

#bitcoin-widget .bitcoin-login-status{

	//background:#eaeaea;

	text-align:center;

	color:#FFFFFF;

	//margin-top: 10px;

	font-size:14px;

	padding:5px 0px;

}



#bitcoin-widget .litecoin-login-status a,

#bitcoin-widget .bitcoin-login-status a {

	color:blue;

}



#bitcoin-widget .litecoin-login-status a.active,

#bitcoin-widget .bitcoin-login-status a.active {

	text-decoration:underline!important;

}



#bitcoin-widget .litecoin-chart,

#bitcoin-widget .bitcoin-chart{

    height : 90px;

    text-align: center;

    border:0px solid #ccc;

    width:100%;

    background:url("../image/ajax-loader.gif") no-repeat center center;

	

}



#bitcoin-widget .litecoin-chart.litecoin-chart-disabled,

#bitcoin-widget .bitcoin-chart.bitcoin-chart-disabled {

	background:transparent;

	font-size:12px;

}



#bitcoin-widget .litecoin-chart.litecoin-chart-disabled span,

#bitcoin-widget .bitcoin-chart.bitcoin-chart-disabled span {

	position:relative;

	top:40%;

}



#bitcoin-widget h2{

    font-size: 25px;

	margin-top: 10px;

	text-align: center;

	margin-bottom: 7px;

	font-family: arial;

	font-weight: bold;

	color: #696969;

}



#bitcoin-widget ul{

   margin-top : 10px 0px 0px 0px;

   border-bottom: 1px solid #E5E5E5;

}



#bitcoin-widget .line{

	//border-bottom: 1px #F0E7E7 solid;

}



#bitcoin-widget hr{

	margin:0px;

}



#bitcoin-widget ul li{

  list-style-type: none;

	text-align: center;

	background: #F6F6F6;

	border-top: 1px solid #E5E5E5;

	font-size: 12px;

	color: #000;

	padding: 3px;

	line-height:22px;

}



#bitcoin-widget .bitcoin-footer{

	background: #E1C161;

	font-size: 10px;

	font-style: italic;

	line-height: 13px;

	bottom:0px;

	padding: 4px 4px;

}



#bitcoin-widget .bitcoin-link-row{

	font-size: 10px;

	position: relative;

	margin-top: 10px;

	text-align: center;

	margin-bottom: 5px;

	font-style: italic;

	text-align: center;

}



#bitcoin-widget .bitcoin-logo{

	background:#e1c161 url("../image/bitcoin_final_03.png") no-repeat center center;

	padding: 3px 0px;

	height:26px;



}



#bitcoin-widget .bitcoin-powered-by,

#bitcoin-widget .bitcoin-get-the-plugin{

    font-size: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	text-align: center;

	color: #000;

}



#bitcoin-widget div.flot-x-axis{

	display:none;

}



#bitcoin-widget .bitcoin-loader{

    position: absolute;

    z-index: 1000;

    width:100%;

    height:100%;

    left:0px;

    top:0px;

    background: #fff;

    opacity : 0.6;

    text-align: left;

}



#bitcoin-widget .bitcoin-loader span {

	top:50%;

	margin-top:-0.5em;

	width:100%;

	text-align:center;

	white-space: nowrap;

	position:absolute;

}



#bitcoin-widget .clear{

    clear:both;

}



#bitcoin-widget a {

	font-weight: normal !important;

	text-decoration: none;

	color: #000 !important;

}



#bitcoin-widget .bitcoin-widget-tabs p.center{

	text-align:center;

	padding-top:30px;

}



#bitcoin-widget .bitcoin-widget-tabs {

	/*height:390px;*/

}



#bitcoin-widget .litecoin-tab,

#bitcoin-widget .bitcoin-tab {

	display:none;

	position:relative;

}



#bitcoin-widget .show-tab-onload {

	display:block;

	position:relative;

}

#bitcoin-widget .bitcoin-tab-content {

	position:relative;

	z-index:1;

}



#bitcoin-widget .bitcoin-tab-loader {

	display:none;

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:5;

}



#bitcoin-widget .bitcoin-tab-loader span {

	text-align:center;

	display:block;

	top:50%;

	left:0px;

	width:100%;

	padding:0px;

	line-height:1em;

	font-size:12px;

	margin:-0.5em 0px 0px 0px;

	position:absolute;

}



#bitcoin-widget .flot-x-axis {

	display:none!important;

}



#bitcoin-widget .flot-base {

	background:white;

}







/*Edited Style*/

.main_category

{

	background:url(../image/main_category_1.png) no-repeat;

	background-size:auto 24px;

	background-color:#e3e3e3;

	border-radius:5px;

	moz-border-radius:5px;

	color:#FFFFFF;

	padding:2px 5px;

	padding-bottom:0px;

	position:relative;

	cursor:pointer;

	font-family:Arial !important;

	font-weight:normal !important;

	font-size:12px;

	line-height:22px;

}

.main_category:hover:before

{

	position:absolute;

	top:-2px;

	right:5px;

	width:18px;

	height:19px;

	content:'';

	background:url(../image/collapsed_icon.png) no-repeat;

	z-index:1000;

}

.main_category:before

{

	position:absolute;

	top:-2px;

	right:5px;

	width:18px;

	height:19px;

	content:'';

	background:url(../image/collapsed_icon_unhover.png) no-repeat;

	z-index:1000;

}

.main_category:after

{

	position:absolute;

	bottom:-4px;

	right:10%;

	width:80%;

	height:4px;

	content:'';

	background:url(../image/main_category_shadow.png) no-repeat;

	z-index:1000;

}



.main_category .category_label

{

	width:75px;

	float:left;

}

.main_category .category_value

{

	width:80px;

	float:right;

	color:#404040 !important;

}



.main_category .dropdown

{

	position:relative;

	cursor:pointer;

	display:none;

}

.main_category .dropdown .drop_options

{

	margin:2px 15px;

	margin-left:80px;

	float:none !important;

	text-align:left !important;

	width:50%;

	color:#404040 !important;

	font-size:14px;

	display:block;

}

.main_category .dropdown .drop_options:hover

{

	color:#b2281a;

}



a.drop_options

{

	color:#FFFFFF !important;

	font-size:12px !important;

	text-align:left !important;

	text-decoration:none !important;

}

a.drop_options:hover

{

	color:#b2281a;

}

#bitcoin-widget a

{

	color:#404040 !important;

}

#bitcoin-widget a:hover

{

	color:#b2281a !important;

}







.graph_container

{

	position:relative;

	height:105px;

	margin:10px 0px;

}

.graph_container .graph

{

	position:absolute;

	top:0px;

	left:-23px;

	background:url(../image/graph_background.png);

	height:100%;

	width:216px;

}

.graph_container .graph:before

{

	position:absolute;

	top:-9px;

	left:-1px;

	content:'';

	background:url(../image/graph_back_left_corner.png) no-repeat;

	width:8px;

	height:9px;

	z-index:-1;

}

.graph_container .graph:after

{

	position:absolute;

	top:-9px;

	right:-0px;

	content:'';

	background:url(../image/graph_back_right_corner.png) no-repeat;

	width:8px;

	height:9px;

	z-index:-1;

	

}

.graph_container .graph .show_graph

{

	margin:8px 25px;

}





.details 

{

	margin: 10px 0px;

	color: #FFFFFF;

}



.details .litecoin-data ul,

.details .bitcoin-data ul

{

	padding-left:0px;

	position:relative;

}



.details .litecoin-data ul li,

.details .bitcoin-data ul li

{

	background:url(../image/detail_1.png) no-repeat !important;

	font-size:12px !important;

	text-align:left !important;

	color:#FFFFFF !important;

	border-radius:5px;

	-moz-border-radius:5px;

	background-size:auto 100%;

	position:relative;

	padding:0px 7px !important; 

	border:none !important;

}



.details .litecoin-data ul li:last-child,

.details .bitcoin-data ul li:last-child

{

	background:url(../image/detail_2.png) no-repeat !important;

}



.details .litecoin-data ul li:after,

.details .bitcoin-data ul li:after

{

	position:absolute;

	bottom:-4px;

	right:5%;

	width:80%;

	height:4px;

	content:'';

	background:url(../image/main_category_shadow.png) no-repeat;

	z-index:1000;

}

.powered_by_container

{

	position:relative;

	height:25px;

	width:100%;

	margin:5px 0px;

	margin-bottom:0px;

}

.powered_by_container .powered_by

{

	position:absolute;

	top:0px;

	left:-20px;

	background:url(../image/powered_by.png) no-repeat;

	width:110%;

	height:100%;

	cursor:pointer;

	background-size:100% auto;

}

.powered_by_container .powered_by:before

{

	position:absolute;

	top:-9px;

	left:-1px;

	content:'';

	background:url(../image/graph_back_left_corner.png) no-repeat;

	width:8px;

	height:9px;

	z-index:-1;

}



#bitcoin-widget a.litecoin-tab-link.active,

#bitcoin-widget a.bitcoin-tab-link.active

{

	background:none;

}



#bitcoin-widget .litecoin-login-status a.active,

#bitcoin-widget .bitcoin-login-status a.active

{

	text-decoration:none;

}



.item_val

{

	color:#404040;

	position: relative;

	display: inline-block;

	float: right;

	clear: right;

	width: 85px;

}

.currency:before

{

	background:none;

}

.currency:hover:before

{

	background:none;

}

.bitcoin-chart > div, .litecoin-chart > div

{

	max-width:170px;

	max-height:90px;

}

.loading

{

	display:none;

	position:absolute;

	top:25px;

	left:20px;

	width:170px;

	height:90px;

	text-align:center;

}

.loading img

{

	width:25px;

	height:auto;

	display:block;

	margin:0px auto;

}



.bitcoin_error 

{ 

background:#FFEBE8 !important; 

border: 1px solid rgb(204,0,0)!important;

padding:10px;



}



.bt-tab-head

{

text-align:center;

border-top: 1px solid #999;

border-bottom: 1px solid #999;

padding:10px;

}



.bt-table

{

width:100%;

}



.bt-table td

{

width:33%;

text-align:center;

}