/*Univiersal */

/*Sort Arrows*/
.arrows {
    width: 10px;
    height: 10px;
    position: relative;
    margin: 0;
    display: block;
}

.arrows.up {
    background-image: url('images/arrows_up.png');
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 5px;
}

.arrows.down {
    background-image: url('images/arrows_down.png');
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 5px;
}

/*css triangles*/
.arrow-down {
    width: 0;
    height: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 32px solid #0178b5;
    margin-top: -3px;
}

h1 {
    font-size: 18px;
    color: #000;
    margin: 5px;
    margin-left: 0;
    float: left;
	text-align:left;
}

p {
    color: #444;
}

/*Generic Button*/
.bt {
    background-color: #0178b5;
    min-width: 100px; /*min-height:30px;*/
    padding: 5px;
    cursor: pointer;
    border: none;
    text-align: center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.bt2 {
    background-color: #0178b5;
    padding: 5px;
    cursor: pointer;
    border: none;
}

.bt2:hover {
        background-color: #009be8;
}

.bt3 {
    background-color: #0178b5;
    padding: 5px;
    border: none;
}

#logindiv a, #editaccount a {
    text-decoration: none;
    color: #fff;
}

.bt, .bt3, .bt h1, .bt3 h1, .bt input, .bt span {
	float: left;
	color: #fff;
	font-size: 90%;
	margin: 0 5px 0 15px;
	position: relative;
	cursor: pointer;
	background-color:#1375e6;
}

.bt.log {
    margin: 0;
}

.bt h1, .bt3 h1, .bt span, .bt input {
    width: 100%;
    margin: 0;
}

.box .bt {
    margin-top: 15px;
}

/*Floats and clears*/
.float_lt, .fl {
    float: left;
}

.float_rt, .fr {
    float: right;
}

.float_n, .fn {
    float: none;
}

.clear_lt, .cl {
    clear: left;
}

.clear_rt, .cr {
    clear: right;
}

.clear_n, .cn {
    clear: none;
}

.clear_b, .cb {
    clear: both;
}

/*positioning*/
.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.z10 {
    z-index: 10;
}

.z100 {
    z-index: 100;
}

.z200 {
    z-index: 10000;
}

/*Univiersal Width*/
.type1 {
    width: 1%;
}

.type2 {
    width: 2%;
}

.type3 {
    width: 3%;
}

.type4 {
    width: 4%;
}

.type5 {
    width: 5%;
}

.type6 {
    width: 6%;
}

.type7 {
    width: 7%;
}

.type8 {
    width: 8%;
}

.type9 {
    width: 9%;
}

.type10 {
    width: 10%;
}

.type11 {
    width: 11%;
}

.type12 {
    width: 12%;
}

.type13 {
    width: 13%;
}

.type14 {
    width: 14%;
}

.type15 {
    width: 15%;
}

.type16 {
    width: 16%;
}

.type17 {
    width: 17%;
}

.type18 {
    width: 18%;
}

.type19 {
    width: 19%;
}

.type20 {
    width: 20%;
}

.type21 {
    width: 21%;
}

.type22 {
    width: 22%;
}

.type23 {
    width: 23%;
}

.type24 {
    width: 24%;
}

.type25 {
    width: 25%;
}

.type26 {
    width: 26%;
}

.type27 {
    width: 27%;
}

.type28 {
    width: 28%;
}

.type29 {
    width: 29%;
}

.type30 {
    width: 30%;
}

.type31 {
    width: 31%;
}

.type32 {
    width: 32%;
}

.type33 {
    width: 33%;
}

.type34 {
    width: 34%;
}

.type35 {
    width: 35%;
}

.type36 {
    width: 36%;
}

.type37 {
    width: 37%;
}

.type38 {
    width: 38%;
}

.type39 {
    width: 39%;
}

.type40 {
    width: 40%;
}

.type41 {
    width: 41%;
}

.type42 {
    width: 42%;
}

.type43 {
    width: 43%;
}

.type44 {
    width: 44%;
}

.type45 {
    width: 45%;
}

.type46 {
    width: 46%;
}

.type47 {
    width: 47%;
}

.type48 {
    width: 48%;
}

.type49 {
    width: 49%;
}

.type50 {
    width: 50%;
}

.type51 {
    width: 51%;
}

.type52 {
    width: 52%;
}

.type53 {
    width: 53%;
}

.type54 {
    width: 54%;
}

.type55 {
    width: 55%;
}

.type56 {
    width: 56%;
}

.type57 {
    width: 57%;
}

.type58 {
    width: 58%;
}

.type59 {
    width: 59%;
}

.type60 {
    width: 60%;
}

.type61 {
    width: 61%;
}

.type62 {
    width: 62%;
}

.type63 {
    width: 63%;
}

.type64 {
    width: 64%;
}

.type65 {
    width: 65%;
}

.type66 {
    width: 66%;
}

.type67 {
    width: 67%;
}

.type68 {
    width: 68%;
}

.type69 {
    width: 69%;
}

.type70 {
    width: 70%;
}

.type71 {
    width: 71%;
}

.type72 {
    width: 72%;
}

.type73 {
    width: 73%;
}

.type74 {
    width: 74%;
}

.type75 {
    width: 75%;
}

.type76 {
    width: 76%;
}

.type77 {
    width: 77%;
}

.type78 {
    width: 78%;
}

.type79 {
    width: 79%;
}

.type80 {
    width: 80%;
}

.type81 {
    width: 81%;
}

.type82 {
    width: 82%;
}

.type83 {
    width: 83%;
}

.type84 {
    width: 84%;
}

.type85 {
    width: 85%;
}

.type86 {
    width: 86%;
}

.type87 {
    width: 87%;
}

.type88 {
    width: 88%;
}

.type89 {
    width: 89%;
}

.type90 {
    width: 90%;
}

.type91 {
    width: 91%;
}

.type92 {
    width: 92%;
}

.type93 {
    width: 93%;
}

.type94 {
    width: 94%;
}

.type95 {
    width: 95%;
}

.type96 {
    width: 96%;
}

.type97 {
    width: 97%;
}

.type98 {
    width: 98%;
}

.type99 {
    width: 99%;
}

.type100 {
    width: 100%;
}

.typeauto {
    width: auto;
}

/*text alignment*/
.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

/*Margin Classes*/

/*Left*/
.mrl4 {
    margin-left: 4px;
}

.mrl5 {
    margin-left: 5px;
}

.mrr5 {
    margin-right: 5px;
}

.mrl5p {
    margin-left: 5%;
}

.mrl15p {
    margin-left: 15%;
}

.mrl20p {
    margin-left: 20%;
}

.mr2p {
    margin-right: 2%;
}

/*top*/
.mrt1 {
    margin-top: 1%;
}

.mrt2 {
    margin-top: 2%;
}

.mrt8 {
    margin-top: 8px;
}

.mrt5 {
    margin-top: 5px;
}

.mrt4 {
    margin-top: 4px;
}

/*Bottom*/
.mrb1p {
    margin-bottom: 1%;
}

.mrb5 {
    margin-bottom: 5px;
}

/*multi*/
.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Padding Classes*/
.pd2 {
    padding: 2%;
}

.pd3 {
    padding: 3%;
}

.pdt5 {
    padding-top: 5px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pds5 {
    padding: 0 5px;
}

/*Border */

/*Top*/
.btd1 {
    border-top: 1px dotted #000;
}

/*Bottom*/
.bbd1b {
    border-bottom: 1px dotted #000;
}

.bbd1g {
    border-bottom: 1px dotted #ccc;
}

.bd1 {
    border: 1px solid #000;
}

/*Universal Buttons*/

.buttons {
    padding: 5px 15px;
    margin: 5px;
    float: left;
    color: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #005f8b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.buttons:hover {
    background-color: #009be8;
    cursor: pointer;
}

.none, .dn {
    display: none;
}

.psa {position:absolute;}

.pr0 {right:0;}

.pr3 {right:3%;}

.sh3_30 {
    -webkit-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.3);
}

.sh4 {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.sh5_20 {
    -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);
}

.sh4_30 {
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.4);
}

.sh6_70 {
    -webkit-box-shadow: 0px 8px 70px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 8px 70px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 8px 70px rgba(0, 0, 0, 0.6);
}

.sh2 {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.blue_bg {
    width: 98%;
    padding: 5px;
    margin-bottom: 15px;
    background-image: url('images/box-grad-big.png');
}

.bdr4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.bdr3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.bdr20{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

/*Opcaity settigns - cross browser*/
.op100 {
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.op80 {
    -moz-opacity: 0.80;
    opacity: 0.80;
    height: 30px;
    overflow: hidden;
}

.op80:hover {
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/* padding */
.pd3 {padding:3px;}

/*Pop up Settings*/
.pop {
    width: 30%;
    min-height: 50px;
    background-color: #fff;
    margin: 10% 35%;
    position: absolute;
    z-index: 2000;
	display:none;
	padding:20px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.pop_bg {
	width:100%;
	height:100%;
	position:fixed;
	background-color:#000;
	display:none;
    z-index: 1500;
	opacity:0.8;
}

.close {
	position: absolute;
	top: -18px;
	right: -18px;
	cursor:pointer;
}

.pop h1 {
	font-size: 25px;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 14px;
	width:100%;
}

.pop h1.b{
	width: 78%;
	font-size: 20px;
	margin-bottom: 5px;
	padding: 0;
	border: 0;
}

.pop p {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:10px;
}

.pop p.b {
	width:78%;
	clear:none;
}

.pop ul {
	float:left;
	clear:left;
	width:100%;
}

.pop ul li {
	float:left;
	clear:left;
	color:#444;
	margin-left: 35px;
	margin-bottom: 10px;
}

table,tbody{float:left;clear:left;width:100%}

.chart{float:left;clear:left;width:100%;border:none;margin:2% 0}

.chart_head{float:left;clear:left;width:100%;border-bottom:1px solid #666;background-color:#37a000;color:#fff}

.chart_head a{color:#fff;padding:0}

.chart_head .row{cursor:default;border:none}

.chart_head .row:hover{background-color:inherit}

.chart_body{float:left;clear:left;width:100%;color:#000;overflow:hidden}

.row{float:left;clear:left;width:100%;min-height:20px;border-top:1px dotted #000;padding-top:10px;padding-bottom:10px;cursor:default}

.row:first-child{border:none}

/* .row:hover,.row.odd:hover{background-color:#bfe9fe} */

.row span:first-child,.row td:first-child{margin-left:1%}

.row *{float:left;min-height:20px;margin-right:1%;margin-left:1%}

.row img{float:right;width:30px}

/*.row.odd {background-color:#f2f2f2}*/

.row.even{}