HTML { margin:0px; padding:0px;}
BODY { background:#236e97; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px;}
a {color: #ffffff; text-decoration:none; }
form { padding:0px; margin:0px;}
#wrapper { width:784px; background:#2880ae;}
.clear { clear:both; margin:0px; padding:0px; }
img { border:0px;}
/* Left column style */
#left { float:left; width:220px; background:#2880ae; }
/* Navigation style */
#navigation { margin:0px; padding:0px;}
#navigation img { border:0px; padding-right:96px; padding-top:5px;}
#navigation ul { margin:0px; padding:0px; list-style:none;}
#navigation li a { margin:0px; padding:0px; width:220px; height:60px; background:#2880ae;
display:block; border-bottom:#064076 solid 1px; text-align:right;}
#navigation li a:hover { background: #073f77 url(images/hover.gif) right no-repeat;}
#navigation li .big { font-size:32px; padding-right:5px; font-weight:bold;}
#navigation li .little { font-size:14px; padding-right:5px;}
#navigation .active a { background:#f65200 url(images/selected.gif) right no-repeat;}
#navigation .active a:hover { background:#f65200 url(images/selected.gif) right no-repeat;}
/* Account button style */
#account { margin:0px; padding:0px;}
#account ul { margin:0px; padding:0px; list-style:none;}
#account li a { margin:0px; padding:0px; width:220px; height:60px; background:#2880ae;
display:block; text-align:right;}
#account li a:hover { background: #073f77 url(images/hover.gif) right no-repeat;}
#account li .big { font-size:32px; padding-right:5px; font-weight:bold;}
#account li .little { font-size:14px; padding-right:5px;}
#account .active a { background:url(images/selected.gif) right no-repeat;}
#account .active a:hover { background:url(images/selected.gif) right no-repeat;}
/* Search style */
#searchbox {margin:0px; padding:10px 8px 0px 14px;}
#searchbox input {margin:0px; padding:0px;}
.searchbutton { float:left; margin:0px; padding:0px; background:url(images/searchbutton.gif) no-repeat; width:40px; height:42px; border:none;}
.searchform { float:left; margin:0px; padding:10px 0px 0px 2px; width:150px; height:32px; background:url(images/searchbox.gif) no-repeat;}
.searchformbox { width:140px; color:#000000; font-size:16px; font-weight:bold; font-style:italic; border:none;}
/* Right column stuff style */
#right { float:right; width:563px; background:#dce5ea; color:#333333; min-height:428px; border-left:#555656 solid 1px;}
#right a { color:#333333;}
/* Title bars style */
#maintitles { display:block; margin:1px 1px 0px 1px; padding:0px 15px; height:67px; background:url(images/shadetitle.gif) repeat-x;
color:#40474b; font-size:24px; line-height:67px; border-bottom:#666666 solid 1px; }
#newswipe { margin:0px 1px;background:#000000; text-align:center;}
#newswipe img { border:0px;}
/* Alt title bars style */
#poptitles { margin:0px 1px 0px 1px; padding:0px; background:url(images/shadetitle.gif) repeat-x;}
#poptitles ul { margin:0px; padding:0px; list-style:none;}
#poptitles li { margin:0px; padding:0px 0px 0px 5px; line-height:20px; }
#poptitles li a { height:12px; font-size:16px; }
/* catagory filter style */
#catfilter { margin:0px; padding:0px; height:60px; background:#236e97; border-bottom:#064076 solid 1px;}
#catfilter ul { margin:0px; padding:0px; list-style:none;}
#catfilter li a { margin:0px 0px 2px 0px; padding:0px 2px;display:inline-block; width:auto; height:60px; float:left; background:#236e97; text-align:center; font-size:32px; font-weight:bold; border-right:#064076 solid 1px; color: #ffffff; text-decoration:none;}
#catfilter li a:hover { background:#073f77 url(images/hover.gif) right no-repeat;}
#catfilter .active a { background:#f65200 url(images/selected.gif) right no-repeat;}
#catfilter .active a:hover { background:#f65200 url(images/selected.gif) right no-repeat;}
#catfilter .fix { font-size:14px; font-weight:normal;}
/* list style */
.itemlist ul {margin:0px; padding:0px; list-style:none;}
.itemlist li {margin:3px; width:273px; float:left; display:block; border:#999999 solid 1px; -moz-border-radius:10px 10px 10px 10px; background:#dce5ea; }
.itemlist li .icon { float: left; width:100px; text-align:center; }
.itemlist li .icon img { padding:4px;}
.itemlist li .desc { min-height:25px; background:#c0cdd5 -moz-linear-gradient(center top , #e7ecef, #c0cdd5); font-weight:bold; border-bottom:#809aaa 1px solid; border-top:#FFF 1px solid; -moz-border-radius:10px 10px 0px 0px; }
.itemlist li .desctitle { line-height:25px; width:auto; float:left; font-size:16px; text-indent:5px; }
.itemlist li .rating{ width:auto; float:right; font-size:14px; text-align:center;}
.itemlist li .subdesc { float:right; width:169px; font-size:14px; }
.itemlist li .rating img { padding-top:5px; padding-right:5px; }
/* Top rated, most downloads, latest upload bar style */
.popbar { margin:5px 0px 0px 1px; padding:0px; height:86px; background:url(images/frontbar2.jpg) no-repeat;}
.popbar img { border:0px;}
.popbarleft { padding-top:10px; float:left; width:66px; text-align:center; font-size:12px;}
.popbarright { float:right; width:452px;}
.popbarright ul {margin:0px; padding:0px; width:452px; list-style:none;}
.popbarright li { margin:0px; padding:0px; float:left; width:113px; height:86px; display:inline; text-align:center;}
.popbarright a { margin:0px; padding:0px;}
.popbarmore { float:right; width:44px; text-align:center;}
.popbarlist { clear:both; margin:0px 42px 0px 0px; padding:0px; float:right; width:452px;}
.popbarlist ul {margin:0px; padding:0px; list-style:none;}
.popbarlist li { float:left; margin:0px; padding:0px; display:inline-block; width:112px; height:25px; overflow:hidden; font-size:12px; text-align:center; line-height:12px;}
/* Additonal external top 20 pages*/
.popbarpage ul {margin:0px; padding:0px; list-style:none;}
.popbarpage img { border:0px;}
.popbarpage li { margin:0px; padding:0px; float:left; width:112px; height:86px; display:inline; text-align:center;}
.popbarpage a { margin:0px; padding:0px;}
.popbarlistpage { clear:both; margin:0px; padding:0px; }
.popbarlistpage ul {margin:0px; padding:0px; list-style:none;}
.popbarlistpage li { float:left; margin:0px; padding:0px; display:inline-block; width:112px; height:25px; overflow:hidden; font-size:12px; text-align:center; line-height:12px;}
/* Application page style */
#apptitle { margin:1px 1px 0px 1px; padding:0px; height:50px; background:url(images/shadetitle.gif) repeat-x;}
#apptitle .apptleft { float:left; padding-left:5px; height:50px; overflow:hidden;}
#apptitle .apptitlemain { font-size:18px; font-weight:bold; height:25px; }
#apptitle .author { font-size:16px; font-weight:normal;}
#apptitle .apptitlesub { font-size:14px;}
#apptitle .apptitlesub ul {margin:0px; padding:0px; }
#apptitle .apptitlesub li { display:inline-block; list-style:none; text-align:center; }
#apptitle .apptitlesub li a { padding:3px 6px 4px 6px; }
#apptitle .apptitlesub li a:hover { background:#555d61; padding:3px 5px 4px 5px; border:#2d3539 1px solid; border-bottom:#555d61 1px solid; -moz-border-radius:5px 5px 0px 0px; color:#e1e4e5; }
#apptitle .appmedia { background:#555d61; padding:3px 10px 4px 10px; border:#2d3539 1px solid;-moz-border-radius:5px 5px 0px 0px; border-bottom:#555d61 1px solid; color:#e1e4e5; font-weight:bold; }
.appratebox { text-align:center; font-size:14px; color:#FF0000;}
.rate { margin:5px; border:#333333 1px solid; font-size:20px;}
/* App Screenshot page*/
#apppic { float:left; width:402px; background:#555d61; min-height:220px; color:#e1e4e5;}
#appinfo { float:left; width:160px; background:#555d61; min-height:220px; color:#e1e4e5; text-align:center}
#appinfo .install a{ border-top:#ffa300 1px solid; background:#f65200 url(images/installbutbtg.gif) bottom right no-repeat; margin:8px auto 0px auto; display:block; width:148px; height:50px; font-weight:bold; font-size:24px; text-align:center; line-height:50px; color:#ffffff;}
.install a:hover { background:#FF9900; }
.ratebox { color:#FFFFFF; width:148px; margin:0px auto; height:31px;}
.rbred {background:#bf0303; border-top:#a50303 2px solid;}
.rborange {background:#bd5a03; border-top:#a34e03 2px solid;}
.rbyellow {background:#bda403; border-top:#a38d03 2px solid;}
.rblitegreen {background:#87bd03; border-top:#74a303 2px solid;}
.rbgreen {background:#27bd03; border-top:#22a303 2px solid;}
.ratevotes { float:left; width:auto; font-size:12px; line-height:31px; padding-left:5px;}
.percent { float:right; width:auto; font-size:26px; font-weight:bold; padding-right:5px; }
.ratepercent { font-size:12px;}
.appprice { margin:0px auto; border-top:#84a803 2px solid; width:148px; height:24px; background:url(images/pricebox.gif) no-repeat; line-height:24px; text-align:center; font-weight:bold; font-size:18px; color:#FFF;}
.downloads { margin:6px auto;}
#appdesc { clear:both; font-size:14px; padding:10px 1px 0px 1px;}
/* App Video page*/
#appvid { float:left; width:402px; min-height:245px; background:#555d61; color:#e1e4e5;}
#appvidinfo { float:left; width:160px; background:#555d61; min-height:245px; color:#e1e4e5; text-align:center;}
#appvidinfo img { border:0px;}
#appvidinfo .install a{ border-top:#ffa300 1px solid; background:#f65200 url(images/installbutbtg.gif) bottom right no-repeat; margin:8px auto 0px auto; display:block; width:148px; height:50px; font-weight:bold; font-size:24px; text-align:center; line-height:50px; color:#ffffff;}
#appvidinfo .apptright { margin:20px auto 2px auto; width:114px; height:40px; background:url(images/pricebox.png) no-repeat; line-height:40px; text-align:center; font-weight:bold; font-size:18px; color:#FFF;}
/*User Video page*/
#appvidinfo .addvideo { border:0px; text-align:center; padding-top:15px;}
#appvidinfo ul { padding:0px; margin:0px;}
#appvidinfo li { padding-bottom:1px; margin-top:1px; list-style:none; display:block; height:27px; width:160px; background:url(images/vidbutoff.jpg) repeat-x; line-height:27px; border-bottom:#2d3539 1px solid;}
#appvidinfo li a { color:#FFFFFF;}
#appvidinfo .activevid { background:url(images/vidbuton.jpg) repeat-x;}
/*detailed information page*/
#appinfotext { float:right; width:auto; color:#e1e4e5; padding:5px;}
#appinfotext .install a{ border-top:#ffa300 1px solid; background:#f65200 url(images/installbutbtg.gif) bottom right no-repeat; margin:0px; display:block; width:148px; height:50px; font-weight:bold; font-size:24px; text-align:center; line-height:50px; color:#ffffff;}
#appinfotext .install a:hover { background:#FF9900; }
.appdetailinfo p { margin:10px; padding:0px;}
/* Application comments */
#comments { margin:5px; font-size:14px;}
.comusername { font-weight:bold; color:#0559C0; font-size:16px;}
.comspace { border-bottom:#cddae1 1px solid; margin-bottom:3px; padding-bottom:3px; overflow:hidden; }
.cominput { padding:0px; margin:0px; border-bottom:#666666 0px solid; text-align:center; padding:5px 0px;}
.cominputform { padding-bottom:5px; margin-left:5px;}
.cominputbox { padding:0px; margin:0px; float:left; display:block; border:#1d648e 1px solid; -moz-border-radius:5px 0px 0px 5px; border-right:none; height:29px; font-size:18px;}
.commentbutton { padding:0px; margin:0px; float:left; display:block; background:url(images/commentbutton.gif) no-repeat; width:101px; height:29px; border:none;}
/* User Controlpanel style */
#uploadbutton a { margin:1px; padding:0px; margin-bottom:2px; display:inline-block; width:279px; height:60px; float:left; background:#fe8112; border-bottom:#833b01 1px solid; text-decoration:none; color:#FFFFFF; text-align:center; font-size:32px; font-weight:bold; line-height:59px;}
#updatebutton a { margin:1px; padding:0px; margin-bottom:2px; display:inline-block; width:279px; height:60px; float:left; background:#2880ae; border-bottom:#064076 1px solid; text-decoration:none; color:#FFFFFF; text-align:center; font-size:32px; font-weight:bold; line-height:59px;}
#updatebutton .updatecircle { margin:15px 55px 0px 5px; background:url(images/updatebox.gif) no-repeat; font-size:18px; float:right; height:35px; width:35px; line-height:34px; text-align:center;}
.usercredit { background:#333333; color:#FFFFFF; height:40px; line-height:40px; float:left; width:350px; margin-left:1px; padding-left:5px; text-decoration:line-through;}
#useraddcred a { background:#333333; color:#FFFFFF; height:40px; line-height:40px; float:right; width:200px;
text-align:center; text-decoration:none; margin-left:5px; font-weight:bold; margin-right:1px; text-decoration:line-through;}
.userupdatetitle { font-weight:bold; background:#4e6f82; color:#FFFFFF; text-indent:5px;}
.userupdate ul { margin:0px; padding:0px;}
.userupdate li { float:left; display:block; width:279px; background:#c0cdd5; margin:1px; list-style:none; text-align:center;}
.userupdate li a { text-decoration:none; line-height:30px; }
/* Login and registration form styles */
#loginform .smalllabelsm { font-size:18px; float:left; width:150px; height:30px; line-height:30px; text-align:right; }
#loginform .inputboxsm { margin:5px; border:#333333 1px solid; -moz-border-radius:5px; font-size:20px; width:330px; height:28px;}
#loginform .submitbutton { margin:20px; background:#333333; color:#FFFFFF; width:210px; height:59px; font-size:24px;
font-weight:bold; border:0px; margin-left:210px; }
#loginform .descriptionbox { margin:5px; border:#333333 1px solid; font-size:20px; width:375px; }
#registrationbutton a { padding:0px; margin:1px; display:block; width:561px; height:74px; line-height:74px; font-size:24px; background:#f87400; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:center; }
#registrationbutton a:hover { background:#FF9900;}
.formpadding { margin:5px; border:#333333 1px solid; font-size:14px; }
/* Misc style */
.informationbox { margin:5px;}