﻿/*added by Wilmer F. Pascual*/
a {color:#09f;}

#errmsg {color:maroon; font-size:12px;}
#errmsg li {list-style-position:inside;}

#successMsg { font-size:20px; font-weight:bold;}
#successMsg #submsg { font-size:12px; margin-top:10px;}
#successMsg a { color:#fff; font-size:15px; text-decoration:underline;}

.progress {display:none; background:url('../images/loading.gif') no-repeat; width:100px;}
.progress2 {display:none; background:url('../images/loading2.gif') no-repeat; width:50px;}

.Login, .passwordrecover, .ChangePassword { float:right; text-align:right; margin-top:50px;}
.Login label, .passwordrecover label {font-size:12px;}
.Login .logininput {width:250px;}
.Login .loginbutton {margin:5px 8px 10px; }
.Login .loginremember {margin-right:8px;}
.Login a {font-size:12px; color:#fff; text-decoration:underline; margin-right:8px;}
.Login .error {color:Orange; font-size:12px;  }

.ChangePassword table {width:500px;}
.ChangePassword label {font-size:12px;}
.ChangePassword .NewPasswordCompareError {font-size:12px; color:Maroon;}

.passwordrecover td {font-size:12px;}
.passwordrecover .recoverinput {width:250px;}
.passwordrecover .recoverbutton {margin:5px 8px 10px;}

#header #bnav #welcome { margin: 0 0 0 -70px; display:inline; float: left; padding-top: 10px; color:#09f;}

#r_content .btn { width:100px; border:solid 1px white; background:transparent; color:#fff;
}
#r_content table tr td #uploaddispimage { width:300px;}
#r_content table tr td img.avatarImg {width:50px; height:50px;}
#r_content table tr td img.bgImg {width:50px; height:50px;}
#l_content .btn { width:100px; height:20px; border:solid 1px white; background:transparent; color:#fff;}
#l_content #overflowdiv {overflow:auto; height:465px;padding:0 0; width:375px;}

#main h3 { font-size:14px; font-weight:bold; text-decoration:underline;}
#mediabox {position:absolute; margin-left:420px;}
#main a.upload {color:#fff; text-decoration:underline;}

#l_profilebox {width:395px; height:285px; overflow:auto;}
#r_profilebox {position:absolute; margin-left:420px; top:50px; width:375px; height:440px; overflow:auto;}

#f_media_picture, #f_media_video, #f_media_music { height: 275px; width: 350px; background: transparent url(../images/bg_box_med.png) no-repeat bottom left ;}
#f_media_picture_cont, #f_media_video_cont, #f_media_music_cont { clear:both; margin-top:10px; padding-top:10px; height: 240px; color:#09f; overflow:auto; font-size:10px; font-weight:bold; text-align:center;}

#r_profilebox h2, #l_profilebox h2 { font-size: 13px; margin-top: 3px;}
#main h2.l_h2 { float:left;}
#main h2.r_h2 { float:right;}
#main h2.l_h2 a {color:#fff;}
#main a.upload {color:#fff; text-decoration:underline;}

#ppict img { width:120px; height:118px;display:table-cell;}

#divUploading input.fileupload {width:400px;}

#uploadedFiles h2 { color:#fff; font-size:12px; font-weight:bold;}
#uploadedFiles table td#uploadedFilename { color:#fff; font-size:10px; }
#uploadedFiles table td#uploadedFilename, td#uploadedSize { color:#fff; font-size:10px;}

#photo table tr td {width:110px; height:110px; text-align:center; }
#photo table tr td img {width:90px; height:90px;}

#photogallery, #musicgallery,#videogallery {height:380px;overflow:auto;}

#photogallery li {display:inline; float: left; height:150px; background: transparent url(../images/item_bg.png); text-align:center; font-size:11px; margin:5px; padding:10px;}
#photogallery li img {width:120px; height:118px; border:solid 1px white;}
#photogallery li a {color:#fff; text-decoration:underline;}

#videogallery li {display:inline; float: left; height:260px;  background: transparent url(../images/item_bg.png); margin:11px; padding:5px; text-align:center; font-size:11px;}
#videogallery li a {color:#fff; text-decoration:underline;}

#musicgallery li {font-size:11px; display:inline; float: left; background: transparent url(../images/item_bg.png); width:240px; padding:2px; text-align:center; margin:5px; height:110px;}
#musicgallery li a {color:#fff; text-decoration:underline;}
#musicgallery li .delete {float:left;}
#musicgallery li .setdefault {float:right;}
#musicgallery li .audio {margin-top:60px;}
#musicgallery li .isdefault {background:#000; color:#fff; font-size:12px; padding:2px;}

#flashPlayer {margin-top:20px;}

#blogentry .lbl { width:100px; font-size:12px; font-weight:bold; display:block;}
#blogentry .title {width:350px;}
#blogentry .compose {width:550px; height:250px;}
#blogentry #buttons { text-align:right; width:550px; margin-top:10px;}
#blogentry #buttons input { width:100px; }

#blog { background: transparent url(../images/item_bg.png); height:400px; width:530px; padding:10px 5px 0px 10px;}
#blog .body { font-family:Arial, Helvetica, sans-serif;
    font-size:smaller; display:block; padding-right:5px; overflow:auto; height:360px; width:520px; margin:15px 0px 10px; border-top:dashed 1px #fff; padding-top:10px;}
#blog .blogdate {float:right; font-size:10px; }
#blog .editblog {float:left; font-size:12px;  font-weight:bold; color:#fff;}
#blog ul li { display:inline;}


#bloglist {position:absolute; background: transparent url(../images/item_bg.png); margin-left:560px; text-align:right; width:210px; height:400px; overflow:auto; padding:5px 10px 10px; }
#bloglist a {color:Orange; font-size:10px; text-decoration:underline;}
#bloglist a:hover {color:#fff;}
#bloglist li {vertical-align:middle; height:25px;}

#f_blogs_cont, #f_comments_cont {margin-top:30px;}

#f_blogs_cont li {font-size:12px; color:Black;}
#f_blogs_cont li a {text-decoration:underline;}

#main .results ul li {height:160px; margin-bottom:11px;}
#main .results ul li img { width:120px; height:118px; display:table-cell;}

#f_comments, #f_blogs { border:solid 1px transparent;}
#f_comments_cont { height:270px; width:360px;}
#f_comments_cont .comment {border-bottom:solid 1px #AAA; color:#000; font-size:9px; padding-bottom:5px;}
#f_comments_cont .comment .avatar {float:left; width:40px; height:40px;}
#f_comments_cont .comment .username {font-weight:bold; padding-left:50px;}
#f_comments_cont .comment .commentdate {padding-left:50px;}
#f_comments_cont .comment .commentbody {clear:both; margin-top:10px;}

#tnews_content p {font-size:10px;}
#feat_mab ul li img { width:120px; height:118px; display:table-cell;}

#r_content #latestcontest {background:url('../images/bg_box_lg.png') no-repeat; height:300px; margin-top:10px;}

#main .results ul li .btn_play { position:absolute; margin: 120px 0 0 100px; z-index:1;}

#searchfilter {visibility:hidden; position:absolute; top:50px; left:570px; width:250px; height:120px; background: transparent url(images/item_bg.png);  z-index:99999;}
#searchfilter div {background:#0053a3; width:220px; height:90px; padding:10px; color:#f89319; font-size:11px; border:solid 1px #00aaff;}
#searchfilter div .txtbx {width:150px; border:solid 1px #777;}
#searchfilter div .searchbtn {border:solid 1px #fff; margin-top:10px; background:#004a83; color:#fff; width:100px;}