/* My videos CSS */
#my_videos {width: 100%; margin: 0 0 20px 0; background: #DFE3E7}
#my_videos .inside {width: 100%}
#my_videos .video {width: 100%; padding: 15px 0 0 5px}
#my_videos .video .line {width: 100%; padding: 0 0 10px 0; margin: 0 0 20px 0; background: url('../images/bg/52.gif') 0 100% repeat-x}
#my_videos .video .line A.preview {float: left; width: 90px; position: relative; z-index: 1}
#my_videos .video .line A.title {display: block; font: bold 12px Tahoma; color: #6692A1; margin: 0 0 10px 0}
#my_videos .video .last {padding: 0 0 5px 0; margin: 0; background: none}

#my_videos .checkbox {padding: 0 8px 0 0}

#my_videos .first {padding: 0 15px 0 0}
#my_videos .first SPAN {display: block; padding: 0 0 10px 0}
#my_videos .video .first .file {color: #868686}
#my_videos A.cat {font: bold 10px Tahoma; color: #6692A1}

#my_videos .video .line SPAN {font: 10px Tahoma; color: #4A4A4A}
#my_videos .video .line TD {vertical-align: top}
#my_videos .second {float: right; width: 150px; padding: 0 0 5px 0}
#my_videos .second IMG {display: block; margin: 0 0 10px 0}
#my_videos .second SPAN {float: left; padding: 0 0 3px 0}
#my_videos SPAN FONT {font: 10px Tahoma; color: #000}
#my_videos .second INPUT {width: 140px; height: 20px; font: 11px Tahoma; color: #000; cursor: pointer; margin: 0 0 10px 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}

#my_videos A.title FONT.zapros {font: bold 12px Tahoma; color: #6692A1; background: #c6d1da}
#my_videos FONT.zapros {background: #c6d1da}

#my_videos .bar {height: 24px; position: relative; margin: 0 -2px 0 0}
#my_videos .bar INPUT {float: right; width: 140px; height: 20px; font: 11px Tahoma; color: #000; margin: 0 16px 0 0; cursor: pointer; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}
#my_videos .bar SPAN {float: left; padding: 4px 0 0 8px; font: 11px Tahoma; color: #414243}
#my_videos .bar A {display: block; position: absolute; padding: 4px 0 7px 0; font: 11px Tahoma; color: #414243; text-align: center}
#my_videos .shadow {display: block; position: absolute; top: 1px; right: 319px}

#rel {top: 1px; right: 213px; width: 107px; background: url(../images/bg/37.gif) no-repeat}
#rel:hover, #rel.active {text-decoration: none; background: url(../images/bg/38.gif) no-repeat}

#view {top: 1px; right: 106px; width: 107px; background: url(../images/bg/37.gif) no-repeat}
#view:hover, #view.active {text-decoration: none; background: url(../images/bg/38.gif) no-repeat}

#rate {top: 1px; right: 0; width: 108px; background: url(../images/bg/35.gif) no-repeat}
#rate:hover, #rate.active {text-decoration: none; background: url(../images/bg/36.gif) no-repeat}

#my_videos .container {width: 100%; background: #EEF2F6 url('../images/bg/34.gif') 100% 0 repeat-y}
#my_videos .container .top {background: url('../images/bg/34.gif') repeat-x}
#my_videos .container .left {background: url('../images/bg/34.gif') repeat-y}
#my_videos .container .right {background: url('../images/bg/34.gif') 100% 0 repeat-y}
#my_videos .container .bottom {background: url('../images/bg/34.gif') 0 100% repeat-x}

#my_videos .paging * {font: 11px Tahoma; color: #414243}
#my_videos .paging {text-align: center; padding: 6px 0 1px 0}
*html #my_videos .paging {height: 27px; padding: 3px 0 0 0}
#my_videos .paging A {line-height: 20px; padding: 3px 6px 3px 7px; background: #EEF2F6; border: 1px solid #fff; text-decoration: none}
#my_videos .paging A:hover, #my_videos .paging A.sel {color: #fff; background: #CE1126}
#my_videos .paging SPAN {padding: 0}

#my_videos_op {display: block; width: 456px; height: 45px; margin: 0 0 20px 0; background: #939BAA url('../images/bg/53.gif') no-repeat}
#my_videos_op DIV {float: left; font: 11px Tahoma; color: #fff; padding: 3px 0 0 13px}
#my_videos_op A {float: left; font: 10px Tahoma; color: #fff; margin: 1px 0 0 10px}
#my_videos_op SELECT {float: left; width: 150px; font: 11px Tahoma; color: #000; margin: 2px 0 0 0; background: #ECF0F}
#my_videos_op INPUT {float: right; width: 140px; height: 20px; font: 11px Tahoma; color: #000; cursor: pointer; margin: 13px 13px 0 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}

/* Profile CSS */
#contacts {margin: 0 0 20px 0}
#contacts .profile {width: 100%; padding: 5px}
#contacts .profile A {color: #6692A1}
#contacts .profile .avatar {vertical-align: top; padding: 0 20px 0 0}
#contacts .profile .info {vertical-align: top; padding: 0 20px 0 0}
	#contacts .profile .info span {white-space: nowrap}
	#contacts .info input {height: 20px; font: 11px tahoma, verdana, sans-serif; color: #000; cursor: pointer; margin: 0 0 10px 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0;}
#contacts .profile SPAN {display: block; font: 10px Tahoma; color: #4A4A4A; margin: 0 0 5px 0}
#contacts .profile FONT {color: #000}

#contacts .profile .about {vertical-align: top; padding: 4px 0 0 0}

#contacts .profile DIV {font: 11px Tahoma; color: #4A4A4A; padding: 10px; background: url('../images/bg/52.gif') repeat-x}
#contacts .profile DIV A.male, #contacts .profile DIV A.female {float: left;}
#contacts .profile DIV SPAN {float: left; font: 10px Tahoma; margin: 5px 0 10px 10px}

#my_videos .inside .bar INPUT, .bar INPUT {float: left; width: 140px; height: 20px; font: 11px Tahoma; color: #000; margin: 0 0 0 10px; cursor: pointer; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}

#sendmessage {width: 456px; height: 161px; font: 11px Tahoma; color: #fff; margin: 0 0 20px 0; background: #939BAA url('../images/bg/64.gif') no-repeat}
#sendmessage P {padding: 9px 0 0 18px}
#sendmessage SPAN {display: block; color: #fff; margin: 0 0 5px 0}
#sendmessage TEXTAREA {width: 420px; height: 88px; font: 11px Tahoma; color: #4A4A4A; padding: 3px 6px; margin: 0 0 11px 0; border: 1px solid #757c84;  border-color: #757c84 #fff #fff #757c84; background: #ECF0F5}
#sendmessage INPUT {float: right; width: 140px; height: 20px; font: 11px Tahoma; color: #000; cursor: pointer; margin: 0 13px 0 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}

/* Contacts CSS */
#contacts {width: 100%; margin: 0 0 10px 0; background: #DFE3E7}
#contacts .inside {width: 100%}
#contacts .video {width: 100%; padding: 5px 0 0 0}
#contacts .video P {float: left; position: relative; width: 150px; height: 135px; margin: 10px 5px; background: url('../images/bg/40.gif') 100% 0 repeat-y}
#contacts .video INPUT {position: absolute; top: 0; right: 9px}
*html #contacts .video INPUT {position: absolute; top: -4px; right: 6px}
#contacts .video P A {color: #6692A1}
#contacts .video P A.male {display: block; font: bold 10px Tahoma; color: #4A4A4A; padding: 0 0 0 14px; margin: 4px 0 5px 0; background: url('../images/male.gif') no-repeat}
#contacts .video P A.female {display: block; font: bold 10px Tahoma; color: #4A4A4A; padding: 0 0 0 14px; margin: 4px 0 5px 0; background: url('../images/female.gif') no-repeat}
#contacts .video P SPAN {display: block; font: 10px Tahoma; color: #4A4A4A; margin: 0 0 5px 0}
#contacts .video P.last {background: none}

#contacts .bar {height: 24px; position: relative}
#contacts .bar SPAN {float: left; padding: 4px 0 0 8px; font: 11px Tahoma; color: #414243}
#contacts .bar A {display: block; position: absolute; padding: 4px 0 7px 0; font: 11px Tahoma; color: #414243; text-align: center}
#contacts .shadow {display: block; position: absolute; top: 1px; right: 426px}
#contacts .p1 {top: 1px; right: 320px; width: 107px; background: url('../images/bg/37.gif') no-repeat}
#contacts .p1:hover {text-decoration: none; background: url('../images/bg/38.gif') no-repeat}
#contacts .p2 {top: 1px; right: 213px; width: 107px; background: url('../images/bg/37.gif') no-repeat}
#contacts .p2:hover {text-decoration: none; background: url('../images/bg/38.gif') no-repeat}
#contacts .p3 {top: 1px; right: 106px; width: 107px; background: url('../images/bg/37.gif') no-repeat}
#contacts .p3:hover {text-decoration: none; background: url('../images/bg/38.gif') no-repeat}
#contacts .p4 {top: 1px; right: 0; width: 106px; background: url('../images/bg/35.gif') no-repeat}
#contacts .p4:hover {text-decoration: none; background: url('../images/bg/36.gif') no-repeat}

#contacts .container {width: 100%; background: #EEF2F6 url('../images/bg/34.gif') 100% 0 repeat-y}
#contacts .container .top {background: url('../images/bg/34.gif') repeat-x}
#contacts .container .left {background: url('../images/bg/34.gif') repeat-y}
#contacts .container .right {background: url('../images/bg/34.gif') 100% 0 repeat-y}
#contacts .container .bottom {background: url('../images/bg/34.gif') 0 100% repeat-x}

#contacts .paging * {font: 11px Tahoma; color: #414243}
#contacts .paging {text-align: center; padding: 6px 0 1px 0}
*html #contacts .paging {height: 27px; padding: 3px 0 0 0}
#contacts .paging A {line-height: 20px; padding: 3px 6px 3px 7px; background: #EEF2F6; border: 1px solid #fff; text-decoration: none}
#contacts .paging A:hover, #contacts .paging A.sel {color: #fff; background: #CE1126}
#contacts .paging SPAN {padding: 0}

#contacts_op {display: block; width: 456px; height: 45px; margin: 0 0 20px 0; background: #939BAA url('../images/bg/53.gif') no-repeat}
#contacts_op DIV {float: left; font: 11px Tahoma; color: #fff; padding: 3px 0 0 13px}
#contacts_op A {float: left; font: 10px Tahoma; color: #fff; margin: 1px 0 0 10px}
#contacts_op SELECT {float: left; width: 150px; font: 11px Tahoma; color: #000; margin: 2px 0 0 0; background: #ECF0F}
#contacts_op INPUT {float: right; width: 140px; height: 20px; font: 11px Tahoma; color: #000; cursor: pointer; margin: 13px 13px 0 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0}

/* My CSS */
.ncontainer .left {width: 1%;}
.ncontainer .right {width: 1%;}
.ncontainer .center {width: 100%;}

#contacts .inside {padding: 10px;}
#contacts .inside td {font: 11px/1.3em tahoma, verdana, sans-serif; color: #4a4a4a; vertical-align: top;}
#contacts .inside font {font: 11px/1.3em tahoma, verdana, sans-serif; color: #4a4a4a;}

#contacts .inside .avatar {width: 1%; font: 11px/1.3em tahoma, verdana, sans-serif; color: #4a4a4a;}
#contacts .inside .avatar input {width: 80px; height: 20px; font: 11px tahoma, verdana, sans-serif; color: #000; cursor: pointer; margin: 0 0 10px 0; border: 1px solid #757c84;  border-color: #fff #757c84 #757c84 #fff; background: #CFD5E0;}
#contacts .inside .avatar img {margin: 0 15px 0 0;}

#contacts .inside .avatar .male, #contacts .inside .avatar .female {display: block; font: bold 10px tahoma, verdana, sans-serif; color: #4a4a4a; padding: 0 0 0 14px; margin: 4px 0 10px 1px;}
#contacts .inside .avatar .male {background: url('../images/male.gif') no-repeat;}
#contacts .inside .avatar .female {background: url('../images/female.gif') no-repeat;}

#contacts .inside .UserInfo {width: 50%;}
#contacts .inside .UserInfo div {display: block; line-height: 18px; color: #000; margin: 0 5px 10px 0;}
#contacts .inside .UserInfo p {font: bold 11px/1.3em tahoma, verdana, sans-serif; margin: 0;}
#contacts .inside .UserInfo span {display: block; line-height: 18px; color: #4a4a4a;}

#contacts .inside .about {width: 50%;}
#contacts .inside .about div {display: block; line-height: 18px; color: #000; margin: 0 0 10px;}
#contacts .inside .about p {font: bold 11px/1.3em tahoma, verdana, sans-serif; margin: 0;}
#contacts .inside .about span {display: block; line-height: 18px; color: #4a4a4a;}
#contacts .inside .about ul {margin: 5px 0 0; padding: 0 0 0 15px;}
#contacts .inside .about ul li {margin: 0 0 5px;}

.male, .female {display: block; font: bold 10px tahoma, verdana, sans-serif; color: #4a4a4a; padding: 0 0 0 14px; margin: 4px 0 5px 0;}
.male {background: url('../images/male.gif') no-repeat;}
.female {background: url('../images/female.gif') no-repeat;}

.td-preview {width: 1%;}
.td-preview .zoom {display: block; z-index: 2; position: relative; top: -13px; left: 3px;}

#my_videos .inside .bar {}
