body { background: #FFF; margin: 10px auto 50px auto; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; background: url(/img/background/page-bg.jpg) top center }
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100% }
input, select, textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px SOLID #CCC; background: #EFEFEF; padding: 3px }
input.error, select.error, textarea.error { border: 1px SOLID #CC0000 }

ul, li, ol { list-style: none; margin: 0; padding: 0 }

h1, h2, h3 { font-weight: normal; margin-top: 0 }
h2 { font-size: 1.5em }
h2.comment { margin: 10px 0 }
h3 { font-size: 1.2em }

a { color: #2f79a2; text-decoration: none }
a:hover { color: #000 }
img { border: none }
form { padding: 0; margin: 0 }

.logo { height: 57px; z-index: 8; width: 213px }
button { color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; padding: 3px 10px; background: url(/img/background/button-bg.jpg) repeat-x 50% 50%; cursor: pointer; cursor: hand }

#page { margin: 0 auto; width: 850px }

    #page .mycase { margin: 0; line-height: 1.5em; font-size: 90% }
        #page .mycase .lft { float: left; width: 170px; clear: right }
            #page .mycase .lft .menu { }
                #page .mycase .lft .menu ul { margin: 5px 0 0 0; padding: 5px 0 0 0; list-style: none; border: 1px SOLID #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
                    #page .mycase .lft .menu ul li { padding: 0 10px 5px 10px }
                    #page .mycase .lft .menu ul li.item { padding-left: 20px }
        #page .mycase .rgt { margin-left: 200px }
            

#hdr { overflow: visible; border-bottom: 1px solid #6a6a6a; height: 30px }
    #hdr .login { float: right; width: 245px; margin-top: -5px }
        #hdr .login input.field { width: 75px }
    #hdr .wb { float: right; width: 300px; height: 45px; margin-top: -15px; text-align: right; z-index: 10 }
        #hdr .wb .actions { font-size: 80%; margin-top: 4px }

/* top menu */
#tm { padding: 0; margin: 0; float: left; width: 300px }
    #tm li { float: left; clear: right; list-style: none; margin: 0 15px 0 0; padding: 0 }
        #tm li a { display: block; color: #000; padding: 5px 0 }
        #tm li a:hover, #tm li a.active { color: #2f79a2; border-bottom: 3px SOLID #2f79a2; padding: 5px 0 7px 0 }

#main { overflow: auto; height: 1%; font-size: 90%; line-height: 1.7em }

#lm { padding: 0; background: url(/images/lm-hdr.jpg) no-repeat; color: #FFF; width: 170px; margin: 0 auto 10px auto;text-align: left }
    #lm li { list-style: url(/images/m-list.gif) outside; margin: 5px 0 0 26px; font-size: 12px }
        #lm li a { color: #333; text-decoration: underline }
        #lm li a:hover { color: #666; text-decoration: underline }
        #lm li.h { list-style: none;padding: 4px 10px;font-family: "Trebuchet MS", Verdana, Helvetica, san-serif;font-size: 12px;font-weight: bold;margin: 0 }

#ftr { font-size: 11px; margin-top: 50px; text-align: center; background: url(/img/background/ftr-bg.jpg) no-repeat top center; height: 50px; line-height: 50px }

.hdr { text-indent: -99999em; height: 25px; line-height: 25px; margin-bottom: 5px }

.home-lft { float: left; width: 560px; overflow: auto; height: 1%; margin-top: 20px }
.home-rgt { width: 290px; float: right; margin-top: 30px }
    .home-rgt .module { margin-bottom: 20px }
        .home-rgt .module h1 { background: url(/img/headers/what-is-mymodelcase.jpg) no-repeat; width: 210px }
        .home-rgt .module p { margin: 0 }
        .home-rgt .module h2.news { background: url(/img/headers/news-articles.jpg) no-repeat; width: 210px }
        .home-rgt .module h2.search { background: url(/img/headers/search.jpg) no-repeat; width: 210px }

        .home-rgt .module .search-field { width: 200px }

.thumb-list { list-style: none; margin: 0; padding: 0; overflow: auto }
    .thumb-list li { float: left; width: 102px; height: 125px; list-style: none; padding: 0; text-align: center; margin: 0 19px 5px 0 }
        .thumb-list li img { border: 1px SOLID #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; margin-bottom: 5px }
        .thumb-list li div { font-size: 80%; line-height: 1em }

.list { line-height: auto }
    .list li { border: 1px SOLID #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 5px }

.pagination { margin: 5px 0 }
    .pagination .numbers { text-align: center }
        .pagination .numbers a { display: inline-block; width: 15px; height: 18px; border: 1px solid #2f79a2; margin: 0 3px }
        .pagination .numbers a:hover { border: 1px solid #000 }
        .pagination .numbers .current { display: inline-block; width: 15px; height: 18px; margin: 0 3px }
    .pagiation .disabled { color: #CCC }

.breadcrumbs { margin: 10px 0 20px 0; border-bottom: 1px SOLID #CCC; padding-bottom: 10px; overflow: auto; height: 1% }
    .breadcrumbs .lft { float: left }
    .breadcrumbs .rgt { float: right }

.project-view { height: 1%; overflow: auto }
    .project-view h1 { font-size: 2.2em; font-weight: normal; line-height: 1.2em }
    .project-view .lft { margin: 0 500px 0 0; width: 300px }
        .project-view .lft .added { font-size: 90%; margin: 5px 0 }
    .project-view .rgt { padding: 0; width: 500px; float: right }

.artist {}
    .artist .lft { float: left; width: 300px }
        .artist .lft .artist-stats { font-size: 90%; list-style: none; margin: 10px 0 0 0 }
            .artist .lft .artist-stats li { overflow: auto; height: 1%;  }
                .artist .lft .artist-stats label { display: block; width: 100px; float: left; clear: right }
                .artist .lft .artist-stats div { float: left }

    .artist .rgt { margin-left: 320px }

.project-comments { margin-top: 20px }

.edit-thumbs-cont { border: 1px SOLID #CCC; padding: 5px 0 0 5px }
    .edit-thumbs-cont img { margin: 0 5px 5px 0 }

#editthumb { border: 1px SOLID #CCC; text-align: center; padding: 10px; margin-top: 10px }
    #editthumb img { margin: 0 auto; text-align: center }
    #editthumb .end { text-align: center }
        #editthumb .button { padding: 3px 30px }

#follow { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px }
.follow, .following { font-size: 90%; background: url(/img/buttons/user.png) no-repeat 10px 2px; padding-left: 30px; margin: 0 }

#formerrorbox { position: absolute; z-index: 10; margin-left: 10px }
    #formerrorbox .arrow { position: absolute; top: -6px; left: 5px; width: 16px; height: 8px; background: url(/img/background/form-error-arrow.png) no-repeat }
    #formerrorbox .content { background: #CC0000; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #FFF; font-size: 80% }

.swfuploadbutton { background: url(/img/background/button-bg.jpg); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 auto; text-align: center; width: 180px; padding: 5px 12px }

.progress-cont { padding: 5px; border: 1px SOLID #CCC; margin-bottom: 5px; font-size: 90%; }
    .progress-cont .file { margin-bottom: 5px }
    .progress-cont .bar-cont { border: 1px solid #CCC; padding: 1px }
        .progress-cont .bar { background: #CCC; width: 1%; color: #333; text-align: center; font-size: 80% }

fieldset {
	margin: 0 0 15px 0;
	border: 1px SOLID #CCC;
}
fieldset legend {
	font-style: italic;
}
div.form {}
div.form label {
	display: block;
	margin-bottom: 5px;
}
div.form .el {
	margin-bottom: 10px;
}

div.form .el label {
	display: inline;
	margin: 0;
}
div.form el input.radio {
	margin-top: 5px;
}

.clr {
	clear: both;
}
.hupdates {
	margin-bottom: 20px;
}
.hupdates td {
	padding: 5px;
	border: 1px SOLID #CCC;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: center;
}
.hupdates td.spc {
	padding: 0;
	border: none;
	width: 5px;
	height: 5px;
}
.hupdates td div img {
}

.my-project-list-cont { border: 1px solid #CCC; overflow: auto; padding: 5px; height: 1%; margin-bottom: 5px }
    .my-project-list-cont .thumb { width: 55px; float: left }
    .my-project-list-cont .title { margin: 15px 100px 0 75px }
    .my-project-list-cont .actions { float: right; margin-top: 15px }
.lupdates { width: 100% }
.lupdates th { text-align: left; font-size: 10px; border-bottom: 1px SOLID #CCC; padding: 5px 0 }
    .lupdates tr { border: 1px SOLID #CCC; margin-bottom: 5px }
    .lupdates td { padding: 5px }
        .lupdates td img { margin: 5px 5px 5px 0 }

.newsart h1 {
	font-size: 12px;
	color: #2e516c;
	padding: 0;
	margin: 0;
}
.newsart span {
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
.newsart p {
	font-size: 12px;
	color: #333;
	margin: 10px 0;
}
.tabs { overflow: auto; height: 1%; border-bottom: 1px SOLID #CCC; height: 30px; overflow: visible }
    .tabs li { background: #EFEFEF; color: #666; float: left; padding: 6px 10px; margin-right: 7px; border: 1px SOLID #CCC; border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; }
    .tabs li.active { background: #FFF; border-bottom: 1px SOLID #FFF; padding: 8px 10px 4px }
        .tabs li.active a { color: #000 }
#qn {
	width: 150px;
}
#qn .t {
	background: #5a5a5a;
	padding: 0 8px 3px 8px;
}
#qn .t div {
	padding: 3px 0;
}

.err_msg  {
	background: #FF0000;
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
.err_msg ul {
	padding: 0;
	margin: 10px 10px 5px 15px;
}

.fe {
	color: #666;
	font-size: 11px;
}
/* for * on required fields */
.req { color: #dc0000; font-size: 14px; line-height: 10px }
.form_container { padding: 8px; border: 1px SOLID #CCC; border-top: none }
    .form_container ol li { margin-bottom: 10px; overflow: auto; height: 1% }
        .form_container ol li label { display: block; float: left; width: 150px }
        .form_container ol li div { float: left; position: relative }
            .form_container ol li div .req { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #CCC; font-size: 80%; position: absolute; right: 4px; top: 4px; padding: 3px }

.commentbox { margin-top: 10px; border: 1px SOLID #CCC; padding: 10px; overflow: auto; height: 1% }
    .commentbox .lft { float: left; width: 240px }
    .commentbox .rgt { float: right; width: 490px }
    .commentbox textarea { background: #EFEFEF; border: 1px SOLID #CCC; width: 450px; height: 100px }


ul.voting-form { list-style: none; margin: 5px 0 0 0; padding: 0 }
    ul.voting-form li { margin: 0; padding: 0; margin-bottom: 6px }
        ul.voting-form li label { width: 100px; display: inline-block }
        ul.voting-form li select { width: 100px; border: 1px solid #CCC; background: #EFEFEF }

.form_end { padding-top: 10px; border-top: 1px SOLID #CCC; overflow: auto; height: 1%; margin-top: 10px }
    .form_end .commit { text-align: right }

img.add {
	cursor: pointer;
	cursor: hand;
	border: none;
}
#myGallery
{
	width: 400px;
	height: 300px;
	text-align: center;
}
.p_author {
	color: #666;
	font-size: 11px;
}
div.comment { padding: 5px; border: 1px SOLID #CCC; margin-bottom: 5px }
    div.comment h3 { font-weight: normal; margin: 0 }
    div.comment p { margin: 5px; font-size: 90% }
    div.comment.grey { background: #EFEFEF }

.v_summary {
	width: 100%;
	border: 1px SOLID #CCC;
}
.v_summary th {
	font-size: 10px;
	border-bottom: 1px SOLID #CCC;
	padding: 5px 0;
	font-weight: bold;
}
.v_summary td {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.sml {
	font-size: 10px;
}
.gray {
	color: #666;
}

.hup {
	float: left;
	clear: left;
	width: 480px;
}
.nup {
	float: right;
	clear: right;
	width: 220px;
}
.hnews {
	margin-bottom: 5px;
}