img, a:link img, a:visited img {border-style: none}
a img {color: #FFFFFF}

form {margin:0px; padding:0px}

#overall {height: 100%; width:100%; min-height:100%}

.body {font: normal 12px Arial, Verdana, Tahoma; color:#333333}
.bodybl {font: normal 12px Arial, Verdana, Tahoma; color:#003399}
.bodysm {font: normal 10px Arial, Verdana, Tahoma; color:#666666}
.bodytitle {font: bold 9px Verdana, Tahoma, Arial, Verdana; color:#333333}

a:link {color:#003399; text-decoration:none}
a:visited {color:#6699CC; text-decoration:none}
a:hover {text-decoration:underline}

.absmid {vertical-align:middle}

.copy {font: normal 10px Arial, Verdana, Tahoma; color:#CCCCCC}

 #upField {width:350px; margin-right:60px}

.progress {width:354px; height:21px; background:url(/images/progressbg.gif) no-repeat; text-align:left;}
.progress div {background:url(/images/progresscale.gif) repeat-x}

.title, .title h1 {font:bold 13px Arial, Verdana, Tahoma; color:#003399;}
.header, .header h1 {font:bold 16px Arial, Verdana, Tahoma; color:#003399;}
.header h1, .title h1 {display:inline;}
.sheader {font:bold 16px Arial, Verdana, Tahoma; color:#333333;}
.headline {border-bottom:solid 1px #8A8A8A; line-height:30px}
.topline {border-top:solid 1px #6699CC; background:#F2F2F2; padding:3px;}

.answer {padding-top:10px; padding-bottom:20px}

.descrtbl {border:solid 1px #6699CC; background:#F9FCFF}
.linktbl {border:solid 1px #6699CC;}
.linktbl td {background:#E5E5E5}
.hideLong {overflow:hidden; text-overflow:ellipsis}

#topNav {position:absolute; top:0; right:0; padding:10px}
a.sorted img {background:#7AB0E6}
#tblhead td {background:#E5E5E5; border-top:solid 2px #6699CC;}
.previewimg {border:solid 1px #003399!important;}

a#uplLink {display:block; width:271px; height:26px; background: url(/images/uplLinkbg.gif) no-repeat;
           font: normal 11px/26px Arial; text-transform:uppercase; margin-top:10px}
a#uplLink:link, a#uplLink:visited {color:#333333}
a#uplLink:hover {color:#003399}

hr {border-top:solid 1px #8A8A8A; border-bottom:none; height:1px}

.imgpreview { padding:1px; border:solid 1px #003399; background: #FFFFFF}
html>body .imgpreview {maxwidth:200px}
*html body {width:54px;}

.bdownload {background:#F5F5F5;border:solid 1px #CCCCCC;font: normal 11px Arial, Verdana, Tahoma; color:#666666}
.dtitle {font: bold 11px Arial, Verdana, Tahoma; color:#666666}
.dsumm {font: normal 11px Arial, Verdana, Tahoma; color:#000000; text-decoration:underline;}
.dname, .dname h2 {font: bold 12px Arial, Verdana, Tahoma; color:#555555}
.dname h2 {display:inline;}

.box {background-color:#F9FCFF;text-align:left;}
.box .tl, .box .tr, .box .bl, .box .br {background-image:url(/images/corners.gif); background-repeat:no-repeat; width:17px; height:17px}
.box .tl {background-position: left top}
.box .tr {background-position: right top}
.box .bl {background-position: left bottom}
.box .br {background-position: right bottom}

.box .l, .box .r {background-image:url(/images/vborders.gif); background-repeat:repeat-y; width:17px; height:17px}
.box .t, .box .b {background-image:url(/images/hborders.gif); background-repeat:repeat-x; width:17px; height:17px}
.box .l {background-position: left top}
.box .r {background-position: right top}
.box .t {background-position: left top}
.box .b {background-position: left bottom}

.box .c {padding:0px 10px}

.alert {
    width:448px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
    background: -moz-linear-gradient(top,  #ffd65e,  #febf04);
    background-color: #FEC92C;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04');
    border:solid 1px #878d59;
    padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px #FFFFFF;
    -moz-box-shadow: inset 0 0 3px #FFFFFF;
    box-shadow: inset 0 0 3px #FFFFFF;
}
#loginBoxDiv {position:absolute; visibility:hidden; left:0; top:0; z-index:1000; background:#e6f3fc; border: solid 1px #86b2d1;
-webkit-box-shadow: 0 1px 7px #666;
-moz-box-shadow: 0 1px 7px #666;
box-shadow: 0 1px 7px #666;
font:normal 12px Arial;
}
#loginhandle {background:url(/images/bg14.png) repeat-x left bottom!important;
     text-shadow:0 1px 1px #FFFFFF;
color: #006699; cursor:move; height:26px; border-bottom:solid 1px #86B2D1;padding:0 5px}
#logincntnt {border:solid 1px #FFFFFF; padding:10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
    background: -moz-linear-gradient(top,  #f2f9fe,  #d6f0fd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe', endColorstr='#d6f0fd');
}
#logincntnt .small {font-size:11px}
#logincntnt input {vertical-align:middle;}
#loginhandle td {color: #006699;font:bold 12px/24px Arial, sans-serif;}

form.openid ul { text-align:center; list-style-type:none;margin:0;padding:0;}
form.openid ul li {float:left;padding:1px}
form.openid ul li.openid, form.openid ul li.direct, form.openid ul li.facebook {padding:3px;line-height: 0pt; cursor: pointer;}
form.openid ul li span {padding:0 1em 0 3px}
form.openid ul li font {display:block;float:left;height:16px;font-size:10px;line-height:18px}
form.openid fieldset {clear:both; padding:1em 0}
form.openid div+fieldset {display:none}
form.openid ul li.highlight { -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6}
#openid_login div{margin-top:0.5em}
#openid_login div+span{font-size:smaller}

.floatRight {float:right;}
.floatLeft {float:left;}

.premBlock {
    border:solid 1px #C2DBF0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#DFF1FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#E4F4FF), to(#CCE7FE));
    background: -moz-linear-gradient(top,  #E4F4FF,  #CCE7FE);
    background: -o-linear-gradient(top,  #E4F4FF,  #CCE7FE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4F4FF', endColorstr='#CCE7FE');
    float:left; padding:10px; margin-right:20px;
    width:200px;
    font:normal 14px/30px Arial,sans-serif;
    color:#555555
}
.freeBlock {
    border:solid 1px #EDD8BC;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#FBEBD8;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBEDDB), to(#FAE2C4));
    background: -moz-linear-gradient(top,  #FBEDDB,  #FAE2C4);
    background: -o-linear-gradient(top,  #FBEDDB,  #FAE2C4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBEDDB', endColorstr='#FAE2C4');
    float:left; padding:10px;
    width:200px;
    font:normal 14px/30px Arial,sans-serif;
    color:#555555
}

.triangle-border {
    position:relative;
    padding:9px;
    margin:5px 0 15px;
    border:1px solid #C7CDD4;
    background:#FFFFD7;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 1px 7px #CBCBCB;
    -moz-box-shadow: 0 1px 7px #CBCBCB;
    box-shadow: 0 1px 7px #CBCBCB;
    background:#FAF5E5;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAF5E5));
    background: -moz-linear-gradient(top,  #FFFFFF,  #FAF5E5);
    background: -o-linear-gradient(top,  #FFFFFF,  #FAF5E5);
    font:normal 14px Arial,sans-serif;
    text-align:center;
    color:#555555
}

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
    right:100px; /* controls horizontal position */
    border-width:15px 15px 0;
	border-style:solid;
    border-color:#C7CDD4 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-14px; /* value = - border-top-width - border-bottom-width */
	right:101px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:14px 14px 0;
	border-style:solid;
	border-color:#FAF5E5 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

#mobile_app{
    display: none;
}