@charset "utf-8";

/**
 * CSS
 *
 * @copyright Copyright (c) ecto.lt
 * @author    Benas Valančius <benas@ecto.lt>
 * @package   Framework
 */

/** CLEAR & DEFAULTS */
html, body, div, dl, dt, dd, h1, h2, h3, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0;padding:0; }
ol, ul { margin:0;padding:10px 10px 10px 30px; }
table { border-collapse:collapse;border-spacing:0; }
fieldset, img { border:0; }
:active, :focus { outline:0; }
acronym { cursor:help; }
button { cursor:pointer; }
textarea { overflow: auto; }
p { padding-bottom:10px; }


/** GLOBAL */
html, body, table, input, select, textarea, button
{
    /*font:13px "Lucida Sans Unicode", sans-serif;*/
    /*font:13px Verdana, sans-serif;*/
    font:13px "Trebuchet MS", sans-serif;
    color:#111;
}
html, body
{
    background:#e6e6e8 url(/design/bg.png) top left;
}
table
{
    border:0;
}
input, select, textarea
{
    font-size:14px;
    color:#000;
    padding:3px 4px;
    border-top:1px solid #bfbfbf;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    border-left:1px solid #bfbfbf;
    -webkit-border-radius:3px;
    border-radius:3px;
}
input:focus, select:focus, textarea:focus
{
    border-top-color:#efc069;
    border-right-color:#f9e7bc;
    border-bottom-color:#f9e7bc;
    border-left-color:#efc069;
    background:#fdfaf0;
}
input.checkbox, input[type="checkbox"]
{
    border:0;
    background:transparent;
    cursor:pointer;
}
a, a:link, a:active, a:visited, a:hover
{
    text-decoration:underline;
    color:#0f4fcd;
}
a:hover
{
    text-decoration:none;
}
.star { color:#bc0000;margin-left:2px; }
.fl { float:left; }
.fr { float:right; }
.hand { cursor:pointer; }
.hidden { display:none; }


.invisible
{
    width:0 !important;
    height:0 !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
}

.none
{
    height:0;
    overflow:hidden;
}


/** Icons */
img.icons
{
    width:16px;
    height:16px;
    background-image:url(/design/icons_sprite.png)
}
img.icon_ok             { background-position:0 0; }
img.icon_add            { background-position:0 -16px; }
img.icon_cancel         { background-position:0 -32px; }
img.icon_star           { background-position:0 -48px; }
img.icon_heart          { background-position:0 -64px; }
img.icon_comments       { background-position:0 -80px; }
img.icon_star_small     { background-position:0 -96px; }
img.icon_heart_small    { background-position:0 -112px; }
img.icon_comments_small { background-position:0 -128px; }
img.icon_help           { background-position:0 -144px; }
img.icon_send_message   { background-position:0 -160px; }
img.icon_edit           { background-position:0 -176px; }
img.icon_delete         { background-position:0 -192px; }
img.icon_star_remove    { background-position:0 -208px; }
[disabled] img.icon_cancel  { background-position:0 -224px; }
[disabled] img.icon_ok      { background-position:0 -240px; }
[disabled] img.icon_add     { background-position:0 -256px; }

.formBlock .icon_help
{
    margin:6px 0 0 5px;
}

/** NEW DESIGN "LIGHT" */

h1
{
    color:#000;
    margin-bottom:10px;
    font-size:24px;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:1.1em;
    padding:10px;
    text-shadow:1px 1px 0 #fff;
}
h2
{
    font-size:20px;
    margin-bottom:10px;
}

h3
{
    background:#f1f1f1;
    padding:5px 10px;
    border-bottom:2px solid #dfdfdf;
    margin:0 0 5px;
    font-size:18px;
    font-weight:normal !important;
    line-height:1.1em;
    font-weight:bold;
    color:#000;
}
.noteCount,
h3 span
{
    font-size:.6em;
    background:#e45e06;
    color:#fff;
    -webkit-border-radius:3px;
    border-radius:3px;
    line-height:1em;
    margin:3px 0 0 5px;
    padding:1px 2px;
    position:absolute;
}
.noteCount
{
    position:relative;
    margin:0;
    padding:0 2px;
}
h3 a.right
{
    font-size:.7em;
    line-height:1em;
    margin-top:8px;
    padding-right:7px;
    float:right;
    font-weight:normal;
    background:url(/design/arrow_right.gif) no-repeat right center;
}

p.empty
{
    color:#999;
    font-style:italic;
    text-shadow:1px 1px 1px #fff;
    padding:10px;
    background:#f3f3f3;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px 0;
}

.marked
{
    line-height:14px;
    background:#fef99f;
    color:#000;
    padding:2px 0px;
}


/** Content */
div#header
{
    position:fixed;
    top:0;
    width:100%;
    background-color:#ccc;
    background-color:rgba(200, 200, 200, 0.9);
    border-top:2px solid #000;
    z-index:1;
}
div#header .header
{
    width:1000px;
    overflow:hidden;
    margin:0 auto;
    padding:5px 10px;
}
div#logo
{
    float:left;
    margin:0 20px 0 15px;
}
div#body
{
    width:1000px;
    overflow:hidden;
    margin:36px auto 0;
}
div#container
{
    overflow:hidden;
}
div#rightSide
{
    width:300px;
    float:right;
}
div#content
{
    margin-right:310px;
    padding:0 15px;
    /*background:#fff;*/
}

.pageBlock
{
    -webkit-border-radius:  4px;
    -khtml-border-radius:   4px;
    border-radius:          4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow:         0 1px 2px rgba(0,0,0,.3);
    background:#fff;
    margin:10px -13px 15px;
    padding:10px 13px;
}

div.footer
{
    padding:0 0 30px;
}
div.footer p
{
    line-height:18px;
    font-size:.85em;
    color:#999;
    padding:0;
}
div.footer p a
{
    color:#666;
}
div.footer p.solution
{
    float:right;
    line-height:30px;
}
div.footer p.solution img
{
    vertical-align:middle;
    padding-bottom:7px;
}



#mainMenu
{
    line-height:40px;
}
#mainMenu ul
{
    padding:0;
}
#mainMenu li
{
    display:inline;
}
.mainMenu
{
    /*height:31px;*/
}
.mainMenu a
{
    line-height:24px;
    padding:0 10px;
    margin:0 5px;
    font-size:14px;
    font-weight:bold;
    color:#333;
    text-shadow:1px 1px 0 #fff;
    text-decoration:none;
    display:block;
    float:left;
}
.mainMenu .active a,
.mainMenu a:hover
{
    background-color:#fff;
    background-color:rgba(256, 256, 256, 0.4);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

/** Blocks */
.userSideBlock
{
    overflow:hidden;
    margin-bottom:5px;
    padding:10px;
    background:#fff;
}
.userSideBlock .avatar
{
    float:left;
}
.userSideBlock .avatar img
{
    width:50px;
    height:50px;
}
.userSideBlock h2
{
    padding-left:60px;
    margin-bottom:5px;
    font-weight:normal;
    font-size:24px;
    letter-spacing:-0.5px;
}
.userSideBlock h2 a
{
    text-decoration:none;
    color:#111;
}
.userSideBlock .links
{
    padding-left:60px;
    color:#aaa;
}
.userSideBlock .links a
{
    padding:2px 4px;
}
.userSideBlock .links .active
{
    background:#1188C1;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-shadow:1px 1px 0px #333;
}


.usersTitle
{
    overflow:hidden;
    margin:15px -2px 15px;
    padding:5px 2px;
}
.usersTitle .avatar
{
    float:left;
}
.usersTitle .avatar img
{
    width:50px;
    height:50px;
    /*-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow:    1px 1px 2px rgba(0,0,0,.4);
    box-shadow:         1px 1px 2px rgba(0,0,0,.4);*/
}
.usersTitle h1
{
    padding-left:64px;
    margin-top:0;
    margin-bottom:3px;
    line-height:1em;
    /*letter-spacing:-0.5px;*/
}
.usersTitle h1 a
{
    text-decoration:none;
    color:#111;
}
.usersTitle h2
{
    padding-left:64px;
    margin-bottom:0;
    font-weight:normal;
    color:#666;
    font-size:14px;
}
.usersTitle h2 a.username
{
    text-decoration:none;
    color:#111;
    font-size:18px;
}
.usersTitle .links
{
    padding-left:60px;
    padding-top:5px;
    color:#aaa;
}
.usersTitle .links a
{
    padding:2px 4px;
}
.usersTitle .links .active
{
    background:#1188C1;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-shadow:1px 1px 0px #333;
}


/** Form */
ul.formBlock
{
    list-style:none;
    padding:0;
}
ul.formBlock li
{
    display:block;
}
ul.formBlock li dl
{
    /*position:relative; TODO: kam sitas cia? */
    overflow:hidden;
    padding:2px 0;
}
ul.formBlock li dl dt,
ul.formBlock li dl dd
{
    float:left;
    display:block;
}
ul.formBlock li dl dt
{
    width:125px;
    text-align:right;
    padding:4px 8px 0 0;
    font-size:12px;
}
ul.formBlock li dl dt span.counter
{
    font-size:0.8em;
    color:#aaa;
}
ul.formBlock li dl dd b.value
{
    font-size:14px;
    line-height:18px;
}
ul.formBlock .formInput,
ul.formBlock .formTextarea,
ul.formBlock .formSelect
{
    padding:4px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-size:14px;
}
ul.formBlock .formInput
{
    width:350px;
}
ul.formBlock .formTextarea
{
    width:350px;
    height:50px;
}
ul.formBlock .formTextareaBig
{
    width:500px;
    height:100px;
}
ul.formBlock .formTextareaAutoHeight
{
    display:block;
    height:60px;
    /*padding-bottom:20px;*/
    overflow:hidden;
}
ul.formBlock .formTextareaHigh
{
    height:100px;
}
ul.formBlock .formSelect
{
    width:360px;
}
ul.formBlock .formCheckbox
{
    margin-top:3px;
}
ul.formBlock .formText
{
    padding:2px 0;
}
ul.formBlock .formSelectBlock
{
    border:1px solid #ccc;
    overflow:auto;
    width:200px;
    max-height:100px;
}
ul.formBlock .formSelectBlock input
{
    vertical-align:middle;
    margin:3px;
}
ul.formBlock .formSelectBlock label
{
    display:block;
    padding:3px 5px;
    line-height:14px;
}
ul.formBlock p
{
    padding:3px 0 7px;
}
ul.formBlock .formRadios,
ul.formBlock .formCheckboxs
{
    padding:0;
    width:360px;
    overflow:hidden;
}
ul.formBlock .formRadios li,
ul.formBlock .formCheckboxs li
{
    float:left;
    padding-right:20px;
}
ul.formBlock .formRadios label,
ul.formBlock .formCheckboxs label
{
    display:block;
    padding:3px 5px
}
ul.formBlock .formCheckboxs
{
    width:500px;
}
ul.formBlock .formCheckboxs input
{
    vertical-align:middle;
    margin:0;
}
.shortInputs .formInput,
.shortInputs .formTextarea
{
    width:200px !important;
}
.shortInputs .formSelect
{
    width:206px !important;
}

.error
{
    color:#d00;
}
.error .formInput,
.error .formTextarea,
.error .formSelect,
.error .formSelectBlock
{
    border:1px solid #ff6666 !important;
    /*background:#fff3f3;*/
}


/** The button (link) */
.theButton,
.theButtonDisabled
{
    /*font-size:12px;
    font-weight:bold;
    font-family:Arial;
    color:#555 !important;
    padding:8px 12px;
    margin-right:3px;
    text-align:center;
    white-space:nowrap;
    border:1px solid #ababab;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:url(/design/sys/the_button_bg.gif) repeat-x center center;
    text-decoration:none !important;
    margin-right:5px;
    -moz-box-shadow:1px 1px 6px #ccc;
    -webkit-box-shadow:1px 1px 6px #ccc;
    box-shadow:1px 1px 6px #ccc;
    display:inline-block;
    line-height:1;
    position:relative;
    cursor:pointer;*/

    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration:none !important;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 1.2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.theButton:focus,
.theButton:hover
{
    text-decoration: none;
}
.theButton:active
{
	position: relative;
	top:1px;
}
.theButton img,
.theButtonDisabled img
{
    vertical-align:middle;
    margin-bottom:2px;
}
.buttonsRight
{
    text-align:right;
    margin-bottom:5px;
}
.buttonsRight .theButton,
.buttonsRight .theButtonDisabled
{
    margin:0 0 0 5px !important;
}
.smallButton
{
    padding:4px 10px !important;
    font-size:12px;
}
.miniButton
{
    padding:1px 5px !important;
    font-size:11px !important;
}
.blockButton
{
    display:block !important;
    line-height:normal !important;
    margin:0 0 5px 0 !important;
}
/*.greenButton
{
    background:url(/design/bg_button.png) repeat-x top left !important;
    border:1px solid #51ab2d !important;
    color:#fff !important;
    text-shadow:1px 1px 1px #333 !important;
}
.greenButton:hover
{
    border:1px solid #666 !important;
}*/

/** Default */
.theButton
{
	color: #606060 !important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.theButton:focus,
.theButton:hover
{
	color: #606060 !important;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.theButton:active
{
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/** Default [disabled] */
.theButtonDisabled,
.theButton[disabled]
{
	color:#aaa !important;
	border:solid 1px #d9d9d9 !important;
	background: #eee !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#f6f6f6)) !important;
	background: -moz-linear-gradient(top, #e9e9e9, #f6f6f6) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f6f6f6') !important;
    cursor:default !important;
    text-shadow:1px 1px 0 rgba(255,255,255,.5) !important;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1) !important;
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.1) !important;
    box-shadow:0 1px 2px rgba(0,0,0,.1) !important;
}

/** Green */
.green,
.greenButton
{
    color:#fff !important;
    border:solid 1px #51ab2d;
    background:#56b430;
    background:-webkit-gradient(linear, left top, left bottom, from(#66d23a), to(#4ea52b));
    background:-moz-linear-gradient(top, #66d23a, #4ea52b);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66d23a', endColorstr='#4ea52b');
}
.green:focus,
.green:hover,
.greenButton:focus,
.greenButton:hover
{
    color:#fff !important;
    background:#4ea52b;
    background:-webkit-gradient(linear, left top, left bottom, from(#5dc134), to(#489927));
    background:-moz-linear-gradient(top, #5dc134, #489927);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc134', endColorstr='#489927');
}
.green:active,
.greenButton:active
{
    color:#b1df9e !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#489927), to(#66d23a));
    background:-moz-linear-gradient(top, #489927, #66d23a);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#489927', endColorstr='#66d23a');
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* orange */
.orange
{
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover,
.orange:focus
{
    color: #fef4e9 !important;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active
{
    color: #fcd3a5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red
{
    color: #faddde !important;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover,
.red:focus
{
    color: #faddde !important;
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active
{
    color: #de898c !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue
{
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover,
.blue:focus
{
	color: #d9eef7 !important;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active
{
	color: #80bed6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy
{
	color: #fae7e9 !important;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:focus,
.rosy:hover
{
	color: #fae7e9 !important;
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active
{
	color: #dca4ab !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}


.blockLinks
{
    color:#999;
    font-size:12px;
    /*height:44px;
    line-height:44px;*/
}
.blockLinks .spiner img
{
    padding-top:7px;
}
.blockLinks label,
.blockLinks h3
{
    color:#000;
}


/** Forum */
.forumTitle
{
    padding:5px 10px;
    background:#eee;
}
.forumTitle h2
{
    font-size:16px;
    font-weight:normal;
    margin:0;
}
table.forumList
{
    width:100%;
    margin:10px 0 20px;
}
table.forumList td,
table.forumList th
{
    text-align:left;
    font-weight:normal;
}
table.forumList thead td,
table.forumList thead th
{
    padding:5px 4px;
    border-bottom:1px dashed #ddd;
    font-size:10px;
    color:#666;
}
table.forumList p
{
    padding:0;
}
table.forumList .viewsCol,
table.forumList .topicsCol,
table.forumList .postsCol
{
    width:70px;
}
table.forumList .lastTopicCol
{
    width:130px;
}
table.forumList tbody .viewsCol,
table.forumList tbody .topicsCol,
table.forumList tbody .postsCol
{
    font-size:16px;
}
table.forumList tbody .lastTopicCol
{
    font-size:12px;
}
table.forumList tbody tr:hover
{
    background:#f9f9f9;
}
table.forumList tbody h3
{
    line-height:20px;
    background:transparent;
}
table.forumList tbody h3 span.announce,
table.forumList tbody h3 span.sticky,
table.forumList tbody h3 span.question
{
    display:none;
    padding:2px;
    font-style:normal;
    margin:-2px 0;
    font-size:10px;
    letter-spacing:.1em;
}
table.forumList tbody h3 span.announce
{
    margin-left:-22px;
}
table.forumList tbody h3 span.sticky
{
    margin-left:-42px;
}

table.forumList tr:hover h3 a
{
    color:#E45E06;
}
table.forumList p.description
{
    color:#999;
    padding:0;
    font-size:11px;
}
table.forumList h3
{
    font-style:italic;
    font-weight:normal;
    border:0;
    padding:0;
    letter-spacing:-0.5px;
    margin:0;
    color:#999;
}
table.forumList h3 a
{
    color:#000;
    text-decoration:none;
}
table.forumList .topics td,
table.forumList .topics th,
table.forumList .forums td,
table.forumList .forums th
{
    padding:6px 4px;
    border-bottom:1px dashed #ddd;
}
table.forumList .forums h3
{
    font-size:20px;
}
table.forumList .topics h3
{
    font-size:18px;
}

.quote
{
    background:#f9f9f9;
    border-left:3px solid #1188C1;
    border-top:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    padding:10px;
    margin:5px;
    font-size:.9em;
}
.quote .user
{
    color:#999;
}
.quote .user b
{
    color:#333;
    font-size:1.2em;
}

.searchBar
{
    margin-bottom:15px;
    background:#eee;
    padding:5px;
}

.postBlock
{
    overflow:hidden;
    padding:10px 0;
    border-bottom:1px dashed #ddd;
}
#postsBlock .postBlockFirst
{
    border-top:1px dashed #ddd;
}
.postUserInfo
{
    float:left;
    width:100px;
}
.postUserInfo p
{
    padding:0;
    margin-bottom:5px;
}
.postUserTitle
{
    text-align:center;
    margin-bottom:5px;
}
.postUserStats
{
    font-size:10px;
    color:#999;
    line-height:1.2em;
    margin-right:-5px;
}
.postUserStats span
{
    color:#666;
}
.postData
{
    margin-left:110px;
}
.postDataTop
{
    padding-bottom:10px;
}
.postDataTop .userName,
.postDataTop em
{
    font-size:20px;
    color:#000;
    text-decoration:none;
}
.postDataTop span
{
    color:#999;
}
.postDataTop .fr
{
    font-size:.8em;
}
.post
{
    padding-bottom:10px;
}
.post img
{
    max-width:550px;
}
.postLastEdit
{
    padding:10px 0 0;
    font-size:.85em;
    text-align:right;
    color:#999;
}
.postLastEdit a
{
    color:#000;
}
.postSignature
{
    color:#aaa;
}
.postSignature a
{
    color:#79a9d9;
}
.postDataBottom
{
    margin-top:10px;
    font-size:10px;
    padding:5px;
    background:#f6f6f6;
    color:#999;
}
.postFiles
{
    margin-top:10px;
}
.postFiles p
{
    padding:0;
    margin-bottom:4px;
}
.postFiles img
{
    max-width:550px;
}
.postDataBottom .loader img
{
    margin-bottom:-5px;
}
.postDataBottom .fr
{
    margin-left:10px;
}
#postsBlock
{
    padding-bottom:10px;
}
#postsBlock,
#postsBlockHandler
{
    overflow:hidden;
}
.pointAdd
{
    padding:1px 6px;
    border:1px solid #ccc;
    background:#fff;
    text-decoration:none !important;
    font-weight:bold !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.forumInfo
{
    /** TODO */
}

.commentsTitle
{
    font-size:16px;
    /*margin:15px 0 5px;*/
    margin:0 0 5px;
}


.bbsmile
{
    margin-bottom:-3px;
}
.bblinkex
{
    background:url(/design/external.gif) no-repeat center right;
    padding-right:15px;
}

.loginForm,
.onlineUsersSide,
.lastComments,
.sideBlock
{
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    -khtml-border-radius:   4px;
    border-radius:          4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:    0 1px 2px rgba(0,0,0,.3);
    box-shadow:         0 1px 2px rgba(0,0,0,.3);
    background:#fff;
    padding:5px;
    margin:10px 2px;
}
.lastComments h3
{
    margin-bottom:0;
}
.lastComments .forumList h3
{
    font-size:14px !important;
    font-weight:normal !important;
    line-height:16px;
}
.lastComments .forumList h3 a
{
    color:#1188c1 !important;
    text-decoration:none !important;
}
.lastComments .forumList
{
    margin:5px 0;
}
.lastComments .forumList .imageCol
{
    width:50px;
}
.lastComments .forumList .lastTopicCol
{
    width:90px;
}
.lastTopicCol .description a
{
    text-decoration:none;
}

.onlineUsersSide div
{
    overflow:hidden;
    margin-bottom:-9px;
}
.onlineUsersSide ul
{
    overflow:hidden;
    list-style:none;
    padding:0;
    margin-right:-15px;
}
.onlineUsersSide li
{
    float:left;
    padding:0 9px 9px 0;
}
.onlineUsersSide a
{
    display:block;
}
.onlineUsersSide img
{
    width:50px;
    height:50px;
}

.sideProjects div
{
    overflow:hidden;
    margin-bottom:-9px;
}
.sideProjects ul
{
    overflow:hidden;
    list-style:none;
    padding:0;
    margin-right:-15px;
}
.sideProjects li
{
    float:left;
    padding:0 9px 9px 0;
}
.sideProjects a
{
    display:block;
}
.sideProjects img
{
    width:50px;
}
.sideProjects .active img
{
    width:48px;
    border:1px solid #bc0000;
}


/** Gallery */
.galleryListItems {
  margin-right:-5px;
}
.galleryListItems ul {
  list-style:none;
  overflow:hidden;
  padding:0;
}
.galleryListItems li {
  height:225px;
  width:218px;
  float:left;
  margin:0 3px 3px 0;
}
.galleryListItems li:hover {
  background:#f3f3f3;
}
.galleryListItems .titleText {
  padding:3px 5px;
  line-height:20px;
  max-height:40px;
  overflow:hidden;
  margin: 0;
}
.galleryListItems .titleText a {
  color:#1188c1;
  font-size:16px;
  text-decoration:none;
  font-weight: normal;
}
.galleryListItems li:hover .titleText a {
  color:#000;
}
.galleryListItems .author {
  padding:5px;
}
.galleryListItems .by {
  font-size:.8em;
}
.galleryListItems .categories {
  padding:0 5px;
}
.galleryListItems .stats {
  padding:5px;
  font-size:10px;
  position:absolute;
  top:0;
  right:0;
  text-align:right;
  color:#fff;
}
.galleryListItems .stats span {
  background-color:#666;
  background-color:rgba(0, 0, 0, 0.4);
  padding:1px 0 3px 4px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  text-shadow:1px 1px 1px #000 ;
  font-weight:bold;
  cursor:default;
}
.galleryListItems .stats img {
  vertical-align:top;
  margin-top:-1px;
}
.galleryListItems .rightIcons {
  float:right;
  padding:5px;
}
.galleryListItems .rightIcons img {
  margin-bottom:5px;
}

#thumbsList .active {
  border:1px solid #E45E06;
  padding:1px;
}
#thumbsList .active img {
  /*width:48px;*/
  width:44px;
  /*height:34px;*/
  height:30px;
}

.galleryItemInfo {
  background:#fff;
  border:3px dashed #AAAAAA;
  margin:20px -10px;
  padding:10px 15px;
}
.galleryItemInfo .description {
  padding-bottom:10px;
}
.galleryItemInfo em {
  font-size:0.8em;
}

.galleryMainImage {
  margin:20px 0;
  text-align:center;
  position:relative;
}
.galleryMainImage .zoom {
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}

.galleryMainThumbs {
  overflow:hidden;
  margin:20px 0 -13px;
}
.galleryMainThumbs ul {
  list-style:none;
  padding:0;
  margin-right:-5px;
  position:relative;
}
.galleryMainThumbs li {
  float:left;
  margin:0 3px 3px 0;
}
.galleryMainThumbs a {
  display:block;
}

#zoomImgLoading,
#zoomImg {
  background:#000;
  padding:10px;
  position:absolute;
  -moz-box-shadow:0 0 15px #000;
  -webkit-box-shadow:0 0 15px #000;
  box-shadow:0 0 15px #000;
  z-index:2;
}
#zoomImgLoading {
  z-index:99;
  -moz-border-radius:5px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
#zoomImg {
  height:0;
  width:0;
  padding:0;
  overflow:hidden;
  visibility:hidden;
}
#zoomImgActions {
  position:absolute;
  z-index:2;
}



/** Progress bar */
.progressBar,
.progressBar .text
{
    width:298px;
    font-weight:bold;
}
.progressBar
{
    height:18px;
    line-height:18px;
    text-align:center;
    font-size:10px;
    color:#000;
    background:url(/design/progressbar_empty.png) no-repeat center center;
    border-color:#C6C6C6 #A3A3A3 #9F9F9F;
    border-style:solid;
    border-width:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-bottom:10px;
}
.progressBar .empty
{
    height:18px;
    line-height:18px;
    cursor:default;
}
.progressBar .full
{
    background-image:url(/design/progressbar.png);
    margin:-19px -1px 0;
    overflow:hidden;
    border-style:solid;
    border-width:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.progressBar .full .text
{
    height:18px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666;
    cursor:default;
}
.progressBar .blue
{
    background-position:left 0;
    border-color:#49afe8 #3094cb #0a6a9f;
}
.progressBar .green
{
    background-position:left -18px;
    border-color:#109413 #0a790d #035806;
}
.progressBar .yellow
{
    background-position:left -36px;
    border-color:#fdbe00 #e09700 #c57200;
}
.progressBar .red
{
    background-position:left -54px;
    border-color:#a20f0f #830e0e #530c0c;
}
.progressTitle
{
    line-height:16px;
    margin-bottom:5px;
    font-weight:bold;
}


/** Private Messages */
table.messages
{
    width:100%;
}
table.messages tr
{
}
table.messages tr:hover
{
    background:#feffe0 !important;
}
table.messages tr.active
{
    background:#f3faff;
    font-weight:bold;
}
table.messages tr.active:hover
{
    background:#fdfed1 !important;
}
table.messages td
{
    overflow:hidden;
    padding:4px;
    line-height:16px;
    vertical-align:top;
    border-bottom:1px solid #e9e9e9;
}
table.messages .check
{
    width:16px;
}
table.messages .check input
{
    margin-top:2px;
}
table.messages .member
{
    white-space:nowrap;
}
table.messages .avatar
{
    width:60px;
}
table.messages .content
{
}
table.messages .content .userName
{
    text-decoration:none;
    font-weight:bold;
    color:#000;
}
table.messages .content acronym
{
    font-size:0.8em;
    color:#666
}
table.messages .content span,
table.messages .date
{
    color:#999;
}
table.messages .date
{
    text-align:right;
    white-space:nowrap;
}

#toField
{
    line-height:16px;
    height:16px;
    padding:3px 0;
}


/** News */
.mainNews
{
}
.mainNews h2
{
    line-height:16px;
    max-height:40px;
    overflow:hidden;
    margin-bottom:5px;
    font-weight:normal;
    font-size:14px;
}
.mainNews h2 a
{
    color:#1188c1;
    font-size:14px;
    text-decoration:none;
}
.mainNews .by
{
    font-size:.8em;
}
.mainNews em
{
    font-size:.8em;
    float:right;
    padding-top:3px;
}
.newBlock
{
    overflow:hidden;
}
.newBlock .date
{
    padding-bottom:10px;
}
.newBlock .text
{
    overflow:hidden;
}
.newBlock h2
{
    margin:0;
}
.mainNews h2 span,
.newBlock h2 span
{
    font-size:.8em;
    color:#999;
}

.newBlock
{
    padding-bottom:40px;
}

/** Login */
.loginForm
{
}
.loginForm dl
{
    margin-bottom:5px;
}
.loginForm dt,
.loginForm dd
{
    display:inline-block;
}
.loginForm dt
{
    width:110px;
}
.loginForm dd input
{
    width:155px;
}
.loginForm dd input.checkbox
{
    width:auto !important;
    vertical-align:middle;
}

/** OLD */


/*h2
{
    font-weight:normal;
    color:#000;
    font-size:28px;
    letter-spacing:-1px;
    line-height:0.9em;
}*/




/** User block */
.userBlockSmall
{
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    line-height:16px;
    text-decoration:none !important;
    color:#000 !important;
}
a.userBlockSmall:hover
{
    text-decoration:underline !important;
}



.spiner
{
}
.spiner img
{
    vertical-align:middle;
    margin-top:-3px;
}

div.pagePath
{
    color:#999;
    padding-bottom:10px;
    font-size:10px;
}
div.pagePath a
{
    color:#555;
}






/** Login */
#login
{
    float:right;
}
ul.loginBlock
{
    padding:0 10px 10px;
}
ul.loginBlock li dl dt,
ul.loginBlock li dl dd
{
    float:none;
    width:auto;
}
ul.loginBlock li dl dt
{
    text-align:left;
    font-size:14px;
    line-height:30px;
}
ul.loginBlock li dl dd
{
    line-height:36px;
}
ul.loginBlock li dl dd a
{
    font-size:12px;
}
ul.loginBlock .formInput
{
    width:320px;
    font-size:24px;
}
ul.loginBlock .passwordInput
{
    width:160px;
}




div.userMenu
{
    padding-top:10px;
}
div.userMenuInner
{
    padding:0 15px 10px;
}
div.userMenuInner ul
{
    list-style:none;
    padding:2px 0px 2px 20px;
    line-height:18px;
}
div.userMenuInner li
{
    padding-left:5px;
}
div.userMenuInner ul li.on
{
}
div.userMenuInner ul li.on a
{
    color:#fff;
    padding:2px 5px 2px 0;
    text-decoration:none;
}

div.userName
{
}
div.userName img
{
    float:left;
}
div.userName div.userData
{
    margin:0 0 5px 55px;
    height:50px;
}
div.userName p
{
    font-family:Georgia, serif;
    font-size:14px;
    line-height:26px;
    margin:0;
    padding:0;
}
div.userName p.lh45
{
    line-height:45px;
}
div.userName span
{
    font-size:11px;
    color:#999;
}
div.userName a
{
}
span.userTitle
{
    color:#999;
    font-size:10px;
}


div.loadingMsg
{
    text-align:center;
    padding:15px 25px;
    line-height:50px;
}
div.loadingMsg em
{
    font-style:normal;
    background:url(/design/loading.gif) no-repeat left center;
    line-height:24px;
    padding:10px 10px 10px 34px;
}


span.userBlockSmall
{
    font-weight:normal;
}
span.userBlockSmall img
{
    vertical-align:middle;
    margin:0 5px 0 0;
    padding-bottom:2px;
}

div.rating
{
    float:left;
    margin-top:3px;
    font-size:10px;
}


/* stars */
div.stars
{
    background:url(../design/star_disabled.png);
    height:16px;
    width:80px;
    float:left;
}
div.stars div.active,
div.stars div.disabled
{
    background:url(../design/star_active.png);
    height:16px;
    position:absolute;
}
div.stars div.disabled
{
    background:url(../design/star_hover.png);
}
div.stars ul
{
    list-style:none;
    margin:0;
    padding:0;
}
div.stars ul li.f5 { width:80px; }
div.stars ul li.f4 { width:64px; }
div.stars ul li.f3 { width:48px; }
div.stars ul li.f2 { width:32px; }
div.stars ul li.f1 { width:16px; }
div.stars li.hover
{
    height:16px;
    width:25px;
    position:absolute;
}
div.stars li.hover a
{
    background:transparent;
    display:block;
    height:16px;
}
div.stars li.hover a:hover
{
    background:url(../design/star_hover.png);
}
div.stars_stats
{
    padding-left:85px;
    font-size:11px;
}

/* info div`as */
div.error,
div.notice,
div.info,
div.ok
{
    padding:10px;
    color:#333;
    margin-bottom:10px;
}
div.error
{
    border-top:1px solid #f32629;
    border-bottom:1px solid #f32629;
    background:#ffe6e6;
}
div.notice
{
    border-top:1px solid #fea803;
    border-bottom:1px solid #fea803;
    background:#fef9bf;
}
div.info
{
    border-top:1px solid #a8c7f4;
    border-bottom:1px solid #a8c7f4;
    background:#f1fafd;
}
div.ok
{
    border-top:1px solid #91e375;
    border-bottom:1px solid #91e375;
    background:#e3f8dc;
}
div.error ul,
div.notice ul,
div.info ul,
div.ok ul
{
    padding:0 15px;
}


/** Page Numbers */
div.pg_numbers
{
    padding:20px 0;
}
div.pg_numbers span
{
    cursor:default;
}
div.pg_numbers span,
div.pg_numbers a
{
    padding:2px 7px;
    text-decoration:none;
    font-size:11px;
    border-width:1px;
    border-style:solid;
    border-color:#ccc;
    margin-right:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
div.pg_numbers a
{
    cursor:pointer;
}
div.pg_numbers span.on,
div.pg_numbers a.on
{
    text-decoration:none;
    font-weight:bold;
    color:#E45E06;
    border-color:#E45E06;
}
div.pg_numbers a:hover
{
    background:#eee;
}
div.pg_numbers span.first,
div.pg_numbers span.previous,
div.pg_numbers span.next,
div.pg_numbers span.last
{
    color:#bbb;
    border-color:#eee;
}



/** Text format */
code,
pre
{
    font:0.9em "Consolas", "Courier New", "Courier", "FreeMono", monospace;
    color:#666; /*C5CBD0;*/ /*b6bcc1;*/
}
pre
{
    margin:0 0 10px 5px;
    padding:0 10px;
    border-left:3px solid #a1ff66;
    overflow:auto;
}


ul.tabs
{
    list-style:none;
    border-bottom:2px solid #000;
    height:27px;
    padding:0;
    margin-bottom:10px;
}
ul.tabs li
{
    display:inline;
}
ul.tabs a
{
    float:left;
    display:block;
    padding:5px 20px;
    line-height:16px;
    font-size:12px;
    margin-right:2px;
    color:#000;
    text-decoration:none;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
ul.tabs a:hover
{
    background:#eee;
}
ul.tabs li.active a
{
    color:#fff;
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #000;
    background:#000;
}
ul.tabs li.active a:hover
{
    background:#000;
}


/** Dialog */
.ui-background
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#fff;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    z-index:5;
}
.ui-dialog
{
    z-index:6;
    position:absolute;
    top:0;
    left:0;
    /*padding:10px;
    background:url(/design/sys/bg_popup.png);*/
    padding:5px;
    background:#fff;
    border:1px solid #999;
    -moz-box-shadow:0 0 15px #999;
    -webkit-box-shadow:0 0 15px #999;
    box-shadow:0 0 15px #999;
}
.ui-dialog-titlebar
{
    background:#47A2DA;
    color:#fff;
    cursor:move;
    padding:5px;
    font-size:14px;
    line-height:20px;
    margin-bottom:10px;
    font-weight:bold;
}
.redAlert { background:#bc0000 !important; }
.redNotice { background:#fb980a !important; }

.ui-dialog-content
{
    background:#fff;
    min-width:50px;
    overflow-x:hidden;
    overflow-y:auto;
}
.ui-dialog-buttons
{
    margin-top:10px;
    background:#fff;
    border-top:1px solid #ddd;
    padding:5px 5px 0;
}
.ui-dialog-loading
{
    display:none;
}
.ui-dialog-loading img
{
    vertical-align:middle;
}
.ui-corner-all
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
}
.ui-dialog-titlebar-close
{
    float:right;
    display:block;
    width:20px;
    height:20px;
    /*background:url(/design/sys/btn_close.png);*/
    background:url(/design/btn_close.png) no-repeat top left;
}
.ui-dialog-titlebar-close:hover
{
    background:url(/design/btn_close.png) no-repeat bottom left !important;
}
.ui-dialog-titlebar-close span
{
    display:none;
}

.ui-dialog .ui-resizable-se { width: 11px; height: 11px; right: 3px; bottom:-13px;background:url(/design/icon_resize.png); }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-e, .ui-resizable-s, .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-tabs-hide
{
    display:none;
}

/*.ui-tooltip
{
    font-size:0.8em;
    padding:3px;
    border:1px solid #ccc;
    background:#fff;
    max-width:180px;
    -moz-box-shadow:1px 1px 2px #ddd;
    -webkit-box-shadow:1px 1px 2px #ddd;
    box-shadow:1px 1px 2px #ddd;
}*/
.ui-tooltip
{
    font-size:0.8em;
    max-width:200px;
    border:1px solid #c93;
    padding:8px 12px;
    line-height:1.3em;
    background:#ffc;
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, .3);
    box-shadow:1px 1px 2px rgba(0, 0, 0, .3);
}
.ui-tooltip-arrow
{
    position:absolute;
    left:-10px;
    top:5px;
    width:10px;
    height:19px;
    background:url(/design/pointer.gif) left top no-repeat;
}

.confirmContent
{
    font-size:16px;
    text-align:center;
}


.topStats
{
    overflow:hidden;
    font-size:10px;
    color:#999;
    line-height:16px;
    height:16px;
    margin-bottom:10px;
}
.topStats div
{
    height:16px;
}
.topStats b
{
    color:#000;
    font-size:12px;
}
.topStats .fr
{
    padding:0 0 0 15px;
}
.topStats img
{
    vertical-align:top;
}

.listPhoto
{
    float:left;
    border:1px solid #ccc;
    background:#fff;
    width:120px;
    height:130px;
    overflow:hidden;
    padding:2px;
    margin:0 4px 4px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    position:relative;
}
.listPhoto .deleteThis
{
    position:absolute;
    top:0;
    right:0;
    background:#ccc;
    color:#fff;
    display:block;
    padding:0 3px 2px;
    text-decoration:none;
    font-weight:bold;
    font-size:10px;
}
.listPhoto:hover
{
    border:1px solid #bc0000;
}
.listPhoto:hover .deleteThis
{
    background:#bc0000;
}
.listPhoto textarea
{
    margin:5px 0 0;
    font-size:11px;
    padding:0;
    border:0;
    width:120px;
    height:35px;
}
.listPhoto textarea:hover
{
    border:0 !important;
}





.uploadifyQueue
{
    overflow:hidden;
}
.uploadifyQueueItem
{
    margin-top:2px;
    font-size:11px;
    line-height:18px;
    padding-top:5px;
    width:360px;
    height:25px;
}
.uploadifyError
{
    border:2px solid #FBCBBC !important;
    background-color:#FDE5DD !important;
}
.uploadifyQueueItem span
{
    position:relative;
    z-index:3;
}
.uploadifyQueueItem .fileName
{
    padding-left:5px;
}
.uploadifyQueueItem .cancel
{
    float:right;
    margin-right:-20px;
    padding-top:1px;
    z-index:5;
    position:relative;
}
.uploadifyProgress
{
    margin-top:-23px;
    position:relative;
    z-index:1;
    height:4px;
    border-color:#C6C6C6 #A3A3A3 #9F9F9F;
    border-style:solid;
    border-width:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.uploadifyProgressBar
{
    width:1px;
    z-index:2;
    margin:-1px;
    height:4px;
    background:#0099FF url(/design/progressbar.png) left -7px;
    border-color:#49afe8 #3094cb #0a6a9f;
    border-style:solid;
    border-width:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}



/** Users profile */
ul.userInfo
{
    list-style:none;
    padding:0;
}
ul.userInfo li
{
    padding-bottom:5px;
}
ul.userInfo li.userName
{
    font-size:1.4em;
}
ul.userInfo li.userTitle
{
    margin-top:-5px;
}
ul.userInfo span
{
    width:90px;
    color:#999;
    font-size:0.8em;
}

/** BBCode */
.bbcode_smiley
{
    margin-bottom:-3px;
}

.letterFilter
{
    padding:0;
    list-style:none;
    height:26px;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
.letterFilter li
{
    float:left;
}
.letterFilter a
{
    display:block;
    float:left;
    padding:3px 7px;
    text-decoration:none;
    color:#666;
}
.letterFilter .active a
{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #fff;
    padding-bottom:4px;
    font-weight:bold;
    color:#000;
}


.usersLists
{
    margin-right:-10px;
}
.usersLists ul
{
    padding:0;
    list-style:none;
    overflow:hidden;
}
.usersLists li
{
    float:left;
    width:315px;
    padding:4px;
    border:1px solid #ddd;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    -khtml-border-radius:   4px;
    border-radius:          4px;
    margin:0 10px 10px 0;
    height:100px;
    color:#666;
    font-size:11px;
}
.usersLists h2
{
    margin-bottom:0;
}
.usersLists h2 a
{
    color:#000;
    text-decoration:none;
}
.usersLists h3
{
    color:#000;
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    font-size:14px;
    margin-bottom:5px;
}