/* Global Settings */
html, body {
margin: 0px;
padding: 0px;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
line-height: 18px;
color:#474038;
}
body {
background:#e7e7de;
}
.bodyespecial
{
/* WRITE BACKGROUND HERE */
background: url(../images/background.jpg) no-repeat fixed;
}
h1, h2, h3, h4 {
font-size: 100%;
}
input.checkbox {
border: 1px solid #bdac85;
}
a {
/* color: #333333; */
color: #9f6c2a;
text-decoration: none;
}
a:hover {
text-decoration: underline;
/*border-bottom: 1px dotted #333333;*/
}
a img
{
border:0px;
}
#othervideo a img, .groupthumb a img,#small-rightbox a img {
border: 0;
}
.relatedvideothumb a img {
padding: 2px;
border: 1px solid #EAEAEA;
}
/*
a:link, a:visited {
color: #00e5ff;
text-decoration: none;
border: none;
}
*/
.clear {
height: 10px;
clear: both;
}
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 1em 0;
border: none;
}
legend {
margin: 1em 0;
padding: 0 3px;
background: transparent;
font-size: 19px;
font-weight: normal;
color:#64b8d6;
letter-spacing: -1px;
}
input.fullboxtext {
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #25afc0;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 240px;
height: 15px;
}
textarea.fullboxtext{
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #25afc0;
background: #ffffff url(../images/tpl_textarea_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 240px;
}
/* End Of Global Settings */
/* Clip Share Logo */
#head {
margin: 0px auto;
padding: 0px;
width: 900px;
}
#headcontainer {
background:#e7e7de url(../images/topbackground.png) repeat-x;
width:100%;
height:201px;
}
#head h1 {
margin: 30px 0px 0px 0px;
padding: 0px;
background: transparent url(../images/tpl_logo.png) no-repeat;
float: left;
display: inline;
}
#head h1 a.logo {
display: block;
width: 256px;
height: 131px;
border: none;
}
#head h2 {
margin: 48px 0 0 10px;
padding: 0px;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #303030;
float: left;
}
#head h3 {
margin: 48px 0 0 0px;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding: 0px;
float: right;
}
/* End of Clip Share Logo */
/* Clip Share Navigation */
#headnav {
margin: 0px auto;
padding: 0px;
text-align: left;
width: 100%;
}
.containertop{
background: transparent url(../images/whiteback_top.png) no-repeat;
display:block;
width:909px;
height:75px;
margin:auto;
margin-top:-30px;
}
.containerbottom{
background: transparent url(../images/whiteback_bottom.png) no-repeat;
display:block;
width:909px;
height:75px;
margin:auto;
margin-top:-20px;
}
.navbarhome
{
background:url(../images/home.png) no-repeat 50%;
}
#navbar
{
margin-left:10px;
display:inline-block;
text-align: left;
font: arial, helvetica 13px bold;
font-weight: bold;
font-size: 13px;
}
#navbar
{
margin-left: 10px;
margin-top:-25px;
width:100%;
}
#navbar a
{
display:inline-block;
padding:5px;
height: 22px;
color:#294c17;
}
#navbar a:hover
{
text-decoration: none;
}
#navbar ui-state-active
{
color:#fff;
}
.actionIcon {
position: relative;
float: left;
width: 10px;
height: 10px;
overflow: hidden;
}
.nav-link-inner {
float: left;
padding: 9px 10px 0 10px;
height: 21px;
background-image: url(http://images.aviary.com/images/layout/nav/link.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
#navbar .actionIcon {
float: left;
margin: 1px 6px 0 0;
}
#nav-icon {
float: left;
margin: 6px 0 0 0;
padding: 0 10px 0 0;
width: 16px;
height: 16px;
}
.ui-state-active .actionIcon img {
position: relative;
top: -10px;
}
.mainbuttons
{
color:#7ba5ba;
font-size:14px;
margin-top:10px;
text-align:center;
}
.mainbuttons .skbutton
{
margin-top:15px;
}
.boxtextlogin
{
float:right;
margin-top:5px;
background:url(../images/globetext.png) no-repeat;
width:133px;
height:75px;
display:inline-block;
text-align:center;
padding-top:15px;
padding-left:0px;
padding-right:18px;
font-size:14px;
}
#jsddm
{
margin: 0;
padding: 0;
}
#jsddm li
{
float: left;
list-style: none;
}
#jsddm li ul li a
{
background:none;
width:100%;
height:100%;
}
#jsddm li ul li:hover
{
background: #5A9D1A url(images/ui-bg_highlight-soft_25_5A9D1A_1x100.png) 50% 50% repeat-x;
color: #ffffff;
}
#jsddm li ul li
{
width:100%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ui-corner-all
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
behavior: url(border-radius.htc);
}
.ui-corner-top
{
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
behavior: url(border-radius.htc);
}
.menu-content {
visibility: hidden;
position: absolute;
padding: 5px 10px 10px 10px;
margin-top:30px;
background: #3e403d;
width:180px;
z-index: 1500;
-moz-border-radius:0px 10px 10px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
.video-menu-content {
visibility: hidden;
position: absolute;
padding: 5px 10px 10px 10px;
margin-top:1px;
background: #fefefe;
width:180px;
z-index: 1500;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border:1px solid #d1cebc;
}
.hover .menu-content {
display: block;
}
/* Menu double */
.menu-items {
margin: 5px 0 0 0;
padding: 0;
font-size: 11px;
font-weight: normal;
list-style: none;
}
.menu-items a
{
font-weight: bold;
color:#7feaff !important;
line-height:15px;
padding:2px;
}
.menu-items li
{
background:#484a47;
margin-top:1px;
}
.view-menu-items {
margin: 5px 0 0 0;
padding: 0;
font-size: 11px;
font-weight: normal;
list-style: none;
}
.view-menu-items a
{
font-size:12px;
color:#000 !important;
width:100%;
display:block;
}
.view-menu-items a:hover
{
text-decoration:none;
background:#eeecdd;
}
.view-menu-items li
{
background:#fff;
margin-top:2px;
width:100%;
height:20px;
}
.menu-item {
margin: 1px 0 0 0;
padding: 0;
background: #484a47;
}
.menu-link img
{
float:left;
margin-right:3px;
}
.menu-link, .menu-link:visited {
display: block;
padding: 8px;
color: #7feaff;
line-height: 1em;
}
.menu-link:active {
color: #7feaff;
background: #4da621;
}
.menu-link-extra {
float: right;
margin: 1px 0 0 10px;
font-size: 10px;
color: #bfff7f;
}
.menu-link:hover .menu-link-extra {
color: #fff;
}
.menu-link-detail {
display: block;
margin: 4px 0 0 0;
color: #7c8079;
font-size: 10px;
white-space: nowrap;
}
.menu-link:hover .menu-link-extra,
.menu-link:hover .menu-link-detail,
.menu-link:hover .menu-tool-status {
color: #fff;
}
#menu-tools {
width: 312px !important;
}
#menu-tools .menu-tool {
float: left;
width: 155px;
margin-right: 1px;
}
#menu-tools .menu-tool img {
float: left;
margin: -3px 5px 0 -4px;
}
.menu-tool-status {
color: #bfff7f;
font-style: italic;
font-size: 10px;
}
/* fg links */
.sk-style
{
font-size: 13px;
font-family: arial;
float: left;
text-decoration: none;
line-height: 1em;
}
.ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.2em; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color:#3e403d !important; color: #fff; outline: none; }
.ui-state-active a { color: #7feaff; outline: none; text-decoration: none; }
.ui-state-active .sk-style { color: #fff !important;}
.ui-state-active a:hover { color: #fff !important;}
/* GENERAL CONTAINER */
.medievar
{
float:right;
font-size:12px;
display:inline-block;
width:200px;
}
#container {
margin: 0px auto;
padding: 0px;
width: 909px;
margin-top:-50px;
text-align: center;
min-height: 200px;
background:transparent url(../images/whiteback_continium.png) repeat-y;
}
.innercontainer{
padding:10px;
padding-top:0px;
}
.innercontainer h1
{
color:#444444;
font-size:25px;
line-height: 25px;
}
.boxstyle
{
background:#fff !important;
border:2px solid #bdbdbd;
padding:4px;
-moz-border-radius:8px;
border-radius: 8px;
-webkit-border-radius:8px;
}
.boxviewembed
{
margin-left:20px !important;
height: 50px !important;
}
.formatinput
{
background:#fff;
border:1px solid #bdbdbd;
font-size:12px;
line-height:16px;
height:20px;
}
.inputview
{
width:400px;
margin-left:10px;
}
#leftside {
margin: 0px;
padding: 0px;
width: 500px;
text-align: left;
float: left;
}
#fullside {
margin: 0px;
padding: 0px;
width: 890px;
text-align: left;
}
.rightlink
{
float:right;
display:inline-block;
padding:5px 10px 0;
color:#0092cd;
}
.rightlink a
{
color:#0092cd;
}
.rightlink img
{
vertical-align:middle;
padding-left:3px;
}
#login-title, #statistic-title, #online-title,#vote-title,#populartags-title,
#adv-title, #latestvideo-title, #profiledetail-title,
#recenttags-title, #userinfo-title, #mediumbox-title,
#recently-title, #fullbox-title, #myprofile-title,#invitefriend-title,#invitenewfriend-title,
#mostactive-title, #topwatched-title, #signup-title, #viewvideo-title,
#bookmark-title, #videocomment-title, #othervideo-title, #relatedvideo-title,
#relatedtag-title,#recently-added-title,#browsegroup-title, #smallbox-title,
#videodetails-title, #sharedetails-title, #myvideo-title, #myfriends-title,
#groups-title, #groupforum-title, #grouprecentvideo-title,#small-rightbox-title, .rightside-title {
height: 25px;
font: normal 19px Helvetica, "Lucida Sans Unicode", Arial, sans-serif !important;
letter-spacing: -1px;
color:#b3270c;
}
#fullbox-title, #groupforum-title, #viewvideo-title, #groups-title, #myvideo-title, #recently-title, #fullbox-title, #myprofile-title,#invitefriend-title,#invitenewfriend-title,#login-title
{
text-align: center;
padding-left: 10px;
margin-top:-10px;
margin-bottom:20px;
}
#small-rightbox-title-small{
height: 25px;
padding-left: 10px;
font: normal 15px/23px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color:#333333;
}
#populartags-content, #recenttags-content, #relatedtag-content {
padding:10px;
margin-top: 2px;
text-align: justify;
}
#login-content, #statistic-content, #adv-content, #online-content,
#latestvideo-content, #profiledetail-content, #vote-content,
#userinfo-content, #mediumbox-content, #recently-content, #fullbox-content,#invitefriend-content,#invitenewfriend-content,
#myprofile-content, #mostactive-content, #topwatched-content, #signup-content, #viewvideo-content,
#bookmark-content, #othervideo-content, #relatedvideo-content, #recently-added-content,
#browsegroup-content, #smallbox-content, #videodetails-content, #sharedetails-content,
#groupforum-content, #grouprecentvideo-content,#small-rightbox-content {
padding:10px;
margin-top: 2px;
}
#videocomment-content, #myvideo-content, #myfriends-content, #groups-content {
margin-top:2px;
padding: 0 0 20px 0;
}
/* End of GENERAL CONTAINER Clipshare */
#small-rightbox-content span.title {
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#small-rightbox-content span.duration {
font: bold 12px Arial, Helvetica, sans-serif;
}
#small-rightbox-content span.info {
color: #999999;
font-size: 13px;
}
#small-rightbox-content span.tags {
text-decoration: none;
font-weight: normal;
border-bottom:dotted 1px #aaaaaa;
}
/* Clip Share Search */
#containersearch
{
white-space: nowrap;
margin:auto;
width:290px;
margin-top:20px;
}
#containersearchtop
{
margin: 30px 20px 10px 0;
float:left;
margin-left:70px;
position: relative;
width:230px;
white-space: nowrap;
}
#search {
width:230px;
text-align: right;
}
.notepad
{
color:#007fbf;
font-size: 15px;
width:400px;
margin-left:20px;
}
.specialback
{
background:#f2f3ee url(../images/specialback.png) repeat-x;
width:420px;
border:2px solid #9d9c94;
display:block;
min-height:150px;
-moz-border-radius:10px;
border-radius: 10px;
margin-top:10px;
}
#fullside hr
{
background-color:#d6d5d5;
color:#d6d5d5;
margin:1px;
height: 2px;
border:0px;
}
.skbutton
{
background:url(../images/buttonback.png) repeat-x;
height:30px;
border: 3px solid #cbcbcb;
-moz-border-radius:20px;
border-radius: 20px;
display:block;
width:200px;
color:#a65300;
font-size:26px;
padding:5px;
text-align:left;
text-shadow: 1px 1px #fff, -1px -1px #333;
}
.skbuttonimgoff
{
font-size:20px;
padding-top:10px;
height:25px;
}
.skbutton:hover
{
text-decoration:none;
cursor:hand;
cursor:pointer;
background:url(../images/buttonback.png) repeat-x 100% -40px;
}
.skbutton div
{
display:inline-block;
width:40px;
overflow:hidden;
padding-left:3px;
height:31px;
text-align: center;
vertical-align: top !important;
margin-top:-4px;
}
.skwhitebutton,.skwhitebuttonext
{
display:inline-block;
background:#f0f0f0 url(../images/buttonwhite.png) repeat-x;
height:23px;
padding:5px;
font-size:14px;
line-height: 23px;
vertical-align: middle;
border:1px solid #ccc;
-moz-border-radius:2px;
border-radius:4px;
color:#000 !important;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.skwhitebutton:hover, .skwhitebuttonext:hover
{
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
cursor:hand;
cursor:pointer;
text-decoration:none;
}
.skwhitebutton:active, .skwhitebuttonext:active
{
background-position:100% -33px;
}
.skwhitebuttonext
{
margin-left:-3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
}
.skwhitebuttonext img
{
vertical-align: middle;
padding-top:4px;
}
.redborder
{
border:1px solid #b3270c;
}
#buttonholder
{
width:100%;
margin-top:3px;
text-align:left;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
width:100%;
padding:0px;
margin:2px 0px;
}
#buttonholder li
{
float:left;
list-style: none;
padding-right:10px;
}
#search form p, #searchtop form p {
margin: 0px;
padding: 0px;
}
#search form input.text, #search form select, #searchtop form input.text, #searchtop form select {
margin: 0 0 0 0;
border: 1px solid #b5b5ae;
background: transparent;
font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #474038;
}
#search form input.text {
border: 3px solid #cbcbcb;
width: 200px;
padding: 3px;
margin:0px;
}
#search form select {
width: 130px;
padding: 2px;
}
.button
{
margin-bottom:2px;
}
#search form input.button {
margin: -7px 0 0 0;
padding: 0px;
vertical-align: middle;
}
/* End of Clip Share Search */
/* Clip Share Banner */
#banner {
margin: 0 0 10px 0;
padding: 0px;
width: 500px;
background: transparent url(../images/tpl_banner_bg.gif) repeat-x top;
border: 1px solid #e8eaea;
height: 300px;
}
/* * html #banner {
margin: -10px 0 10px 0;
} */
.feature {
margin: 10px 0 0 15px;
padding: 5px;
float: left;
width: 136px;
display: inline;
}
.feature h3 {
margin: 0px;
padding: 0px;
font: normal 30px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #008ece;
letter-spacing: -2px;
}
.feature p {
margin: 0px;
padding: 0px;
}
.feature p img {
margin: 5px;
padding: 0px;
display: block;
}
/* Clip Share left side */
#recently, #userinfo, #mediumbox, #mostactive, #topwatched,
#signup,#browsegroup, #viewvideo, #recently-added,
#myvideo, #myfriends, #groups ,#bookmark, #videodetails, #sharedetails, #videocomment {
display:block;
width:496px;
padding:2px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
#mostactive img.thumb, #topwatched img.thumb,#recently-added img.thumb{
width:120px;
height:90px;
}
#useraction {
display:block;
width:450px;
padding:2px;
border: 1px solid #F5F5F5;
margin-bottom: 20px;
margin-left:20px;
}
#useraction span.info {
color: #999999;
}
#carousel
{
width:410;
height:250px;
padding:5px;
}
.rednumber
{
background: red;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#fff;
display:inline-block;
padding:3px;
font-size:10px;
height:12px !important;
line-height:10px !important;
margin-right:9px;
}
.rednumberaling
{
margin-top:10px;
margin-right:5px;
}
#bookmark ul{
margin-left: 20px;
padding: 0;
}
* html #bookmark ul{
margin-left: 0;
padding: 0;
}
#useraction p {
float: left;
margin: 20px;
}
#recently a img.right {
margin: 35px 0px 0px 0px;
padding: 0px;
border: 0px solid #bbbfaf;
float: left;
}
#recently a img.left {
margin: 35px -4px 0px 8px;
padding: 0px;
border: 0px solid #bbbfaf;
float: left;
}
.viewed {
margin: 10px 9px 0 13px;
padding: 0 0 30px 0;
float: left;
width: 80px;
/*width: 100px;*/
display: inline;
}
.viewed a {
border: none;
text-decoration: none;
}
.viewed a img.image {
margin: 0 0 15px 0;
padding: 0px;
border: 1px solid #bbbfaf;
display: block;
}
.viewed p {
margin: 0px;
padding: 0px;
text-align: center;
}
.viewed p span {
display: block;
font-size: 10px;
}
/* End of Clip Share Recently */
/* Clip Share Sub Tab Menu */
#submenu {
margin: 0px;
padding: 0px;
width: 500px;
}
#tabmenucontainer {
margin: 0px;
padding: 0px;
position: relative;
top: 15px;
width: 375px;
}
#tabmenucontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
font: normal 14px/24px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#tabmenucontainer li {
display: inline;
margin: 0px;
padding: 0px;
text-indent: -7px;
}
#tabmenucontainer a {
float: left;
display: block;
width: 125px;
height: 25px;
color: #333333;
border: none;
text-decoration: none;
}
#tabmenucontainer a:link, #tabmenucontainer a:visited, #tabmenucontainer a:hover, #tabmenucontainer li a.tabactive {
float: left;
background: transparent url(../images/tpl_tabs_btn.gif) no-repeat left top;
background-position: 0% -25px;
color: #FFF;
}
#tabmenucontainer a:link, #tabmenucontainer a:visited {
background-position: 0% -25px;
}
#tabmenucontainer ul li.tabactive {
background: transparent url(../images/tpl_tabs_btn.gif) no-repeat left top;
background-position: 0% 0px;
line-height: 24px;
}
#tabmenucontainer a:hover {
background-position: 0% -50px;
line-height: 24px;
}
#tabmenucontainer li a.tabactive {
background-position: 0% 0px;
line-height: 24px;
}
#subcontent {
margin: 5px 0 0 0;
padding: 0px;
background: transparent url(../images/tpl_box_shading.png) repeat-x;
border-top: 1px solid #eaeaea;
width: 500px;
}
#subcontent p{
margin: 0px;
padding: 10px;
float: left;
display: block;
width: 480px;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
#subcontent p.blue {
margin: 0;
padding: 10px;
float: left;
display: block;
background: #ededeb;
width: 480px;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
#subcontent span.title {
font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#subcontent span.duration {
font: bold 12px Arial, Helvetica, sans-serif;
}
#subcontent span.info {
color: #999999;
}
#subcontent span.tags {
text-decoration: none;
font-weight: normal;
border-bottom:dotted 1px #aaaaaa;
}
#subcontent p a img {
margin: 0 20px 0 0;
padding: 1px;
text-decoration: none;
border: 1px solid #DDDDDD;
float: left;
}
.comment {
margin: 0;
padding: 0;
float: left;
display: block;
border-bottom: 1px solid #eaeaea;
width: 477px;
}
.comment p a img {
margin: 0 20px 10px 0;
padding: 0px;
text-decoration: none;
border: 1px solid #bbbfaf;
float: left;
}
.blue {
background: #ededeb;
}
.selectedvideo {
background: #fdf2f7;
}
/* End of Clip Share Sub Tab Menu */
/* Content Styling */
.contentbox {
margin: 10px;
}
.firstdefinition {
font-size: 14px;
font-weight: bold;
}
.txturgent {
font-size: 14px;
font-weight: bold;
}
.txtsignup {
color: #00B3D9
}
p.txturgent a {
color: #00B3D9
}
.txtcontent a {
text-decoration:underline
}
.hellomessage {
font-size: 13px;
font-weight: bold;
}
.imgprofile {
margin: 10px 0 0 0;
}
.profileinfo {
margin: 10px 5px 0 0;
}
.pictprofile {
text-align: center;
}
.mypict {
width: 52px;
margin: 10px;
float: left;
display: block;
}
.userprofile {
width: 150px;
width: 130px;
margin-left: 80px;
}
#bookmarklist{
margin: 0 auto;
text-align: center;
}
#bookmarklist li {
list-style-type: none;
margin: 0 20px 20px 0;
float: left;
}
.strongtext {
font: bold 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.ratingDiv,.boxPart {
margin: 5px 0;
text-align: center;
padding-bottom: 7px;
border-bottom: 1px solid #F5F5F5;
font-size: 13px;
}
.relatedvideolist {
margin: 0 0 20px 0;
padding-top: 5px;
padding-bottom: 5px;
}
/* End Content Styling */
/* Right Side */
#rightside {
margin: 0px;
margin-right: 10px;
padding: 0px;
width: 215px;
text-align: left;
float: right;
}
.rightsideblock
{
border-bottom:1px dotted #cbcbcb;
}
#login, #statistic, #online,#vote, #adv, #latestvideo, #populartags,
#profiledetail, #recenttags, #othervideo, #relatedvideo,
#relatedtag,#small-rightbox {
display:block;
width:213px;
padding:2px;
}
#groupforum, #grouprecentvideo {
display:block;
width:700px;
padding:2px;
background: #FFFFFF;
border: 1px solid #F5F5F5;
}
#login-nosearch, #recenttags-nosearch, #othervideo-nosearch{
display:block;
width:213px;
padding:2px;
background: #FFFFFF;
border: 1px solid #F5F5F5;
}
#login form {
margin: 2px;
padding: 0px;
}
#login form p {
margin: 0px;
padding: 0px;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #474038;
}
#login form a {
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#login form p input.logintext {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 180px;
color: #474038;
}
#login form p input.loginbutton {
margin: 15px 0 0 0;
padding: 0px;
}
#login, #recenttags, #othervideo,#small-rightbox {
margin: 0px 0 0 5px;
margin-bottom:10px;
}
#small-rightbox-content textarea.fullboxtext{
width:180px;
}
#login-nosearch, #recenttags-nosearch, #othervideo-nosearch{
margin: 0px 0 0 5px;
}
#latestvideo {
margin: 37px 0 0 5px;
}
#profiledetail {
margin: 37px 0 0 5px;
}
#statistic {
margin: 10px 0 0 5px;
/*height: 230px;*/
}
#online {
margin: 10px 0 0 5px;
/*height: 330px;*/
}
#populartags{
margin: 10px 0 0 5px;
}
#vote{
margin: 10px 0 0 5px;
}
#adv {
margin: 10px 0 0 5px;
/*height: 232px;*/
}
#recenttags p {
text-align: center;
margin: 0 10px;
padding-bottom: 20px;
}
#latestvideo p {
text-align: center;
}
#statistic span {
margin: 20px 10px;
padding: 0 0 0 25px;
}
#statistic span.public {
background: transparent url(../images/tpl_icon_public.gif) no-repeat;
}
#statistic span.private {
background: transparent url(../images/tpl_icon_private.gif) no-repeat;
}
#statistic span.member {
background: transparent url(../images/tpl_icon_member.gif) no-repeat;
}
#statistic span.watch {
background: transparent url(../images/tpl_icon_watched.gif) no-repeat;
}
#statistic span.visitors {
background: transparent url(../images/tpl_icon_visitors.gif) no-repeat;
}
#statistic font.info {
color: #999999;
}
#online p {
margin: 0px 5px;
padding: 0px;
font-size: 14px;
}
#online p span {
margin: 5px 10px 0 0;
padding: 0 0 0 18px;
font-weight: normal;
font-size: 11px;
}
#online p span.video {
background: transparent url(../images/tpl_icon_video.gif) no-repeat;
}
#online p span.flag {
background: transparent url(../images/tpl_icon_flag.gif) no-repeat;
}
#online p span.people {
background: transparent url(../images/tpl_icon_people.gif) no-repeat;
}
#adv p {
text-align: center;
}
#adv a img {
margin: 0px auto;
padding: 0px;
border: none;
text-decoration: none;
vertical-align: middle;
}
/* Right Side */
/* Clip Share Rich Footer */
#richfooter {
margin: 20px auto 0px;
padding: 0px;
background: #4d4c43;
border-top: 1px solid #000;
color: #fff;
height: 90px;
}
#richcontainer {
margin: 0px auto;
padding: 0px;
width: 730px;
text-align: center;
}
#richcontainer h3 {
color: #fff !important;
}
#news, #channel, #tags {
margin: 20px 20px 0px 5px;
padding: 0 0 30px 0;
text-align: left;
width: 210px;
color: #e0e0e0;
float: left;
}
#news h3, #channel h3, #tags h3 {
margin: 0 0 10px 0;
padding: 0px;
font: normal 20px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #333333;
}
#news p, #channel p {
margin: 0px;
padding: 5px;
border-top: 1px dotted #FFF;
display: block;
}
#tags p {
margin: 0px;
padding: 0px;
padding-top: 5px;
border-top: 1px dotted #FFF;
text-align: justify;
display: block;
}
#news p:hover, #channel p:hover {
background: #73bac5;
}
#news p a, #channel p a {
text-decoration: none;
color: #e0e0e0;
}
#news p a:hover, #channel p a:hover {
color: #333333;
}
#news img, #channel img {
padding: 1px;
}
#tags p a {
border: none;
text-decoration: none;
color: #e0e0e0;
}
#tags p a:hover {
color: #333333;
}
#tags p.semore {
float: right;
border: none;
}
/* End of Clip Share Rich Footer */
/* Clip Share Footer */
#footer {
margin: 0px auto;
padding: 10px;
border-top: 1px solid #000;
background: #4d4c43;
height:80px;
}
#footcontainer {
margin: 0px auto;
padding: 0px;
width: 730px;
text-align: left;
}
#footcontainer p {
margin: 0 10px;
padding: 0px;
color: #fff;
}
#footcontainer p a {
margin: 0px;
border: none;
text-decoration: none;
color: #FFFFFF;
}
#footcontainer p a:hover {
border-bottom: 1px dotted #FFFFFF;
}
#footcontainer p a img.rss {
border: none;
text-decoration: none;
}
/* Clip Share Medium Box */
/*
#mediumbox {
margin: 0;
padding: 0;
background: transparent url(images/bg_main_box.jpg) repeat-x;
border: 1px solid #eaeaea;
}
#mediumbox h3 {
margin: 0px;
padding: 0 0 0 5px;
background: transparent url(images/recently_bar.gif) no-repeat top;
color: #333333;
font: normal 19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
letter-spacing: -1px;
height: 38px;
}
*/
/* End Clip Share Medium Box */
/* Clip Share Full Box */
#fullbox,#invitefriend,#invitenewfriend{
display:block;
width:894px;
padding:2px;
text-align: left;
}
#fullbox label,#invitefriend label,#invitenewfriend label {
font-weight: bold;
}
#fullbox form input.inputtext,#invitefriend form input.inputtype,#invitenewfriend form input.inputtype {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 240px;
color: #474038;
}
#fullbox form p input.submitbutton,#invitefriend form p input.submitbutton,#invitenewfriend form p input.submitbutton {
margin: 5px 0 0 0;
}
#fullbox div.fm-req,#fullbox div.fm-opt,
#invitefriend div.fm-req,#invitenewfriend div.fm-req,
#invitefriend div.fm-opt,#invitenewfriend div.fm-opt{
}
#fullbox div.fm-req label:before,
#invitefriend div.fm-req label:before,
#invitenewfriend div.fm-req label:before{
content: "* "; /* does not work in IE */
color: #CC0000;
font-weight: bold;
}
#fullbox div.fm-opt label:before,
#invitefriend div.fm-opt label:before,
#invitenewfriend div.fm-opt label:before{
color: #CC0000;
}
.submitbutton {
margin-left: 150px;
padding : 10px 0 0 25px;
}
/* End Clip Share Full Box */
/* Clip Share Signup */
#signup form {
margin: 10px;
padding: 0px;
}
#signup label, #fullbox label {
float: left;
width: 150px;
padding: 0 1em;
text-align: right;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #474038;
}
#signup form p {
margin: 0px;
padding: 0px;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #008ece;
}
#signup form input.signuptext,#fullbox form input.fullboxtext {
margin: 0 0 10px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 220px;
height: 15px;
}
textarea.fullboxtext {
margin: 0 0 10px 0;
padding: 6px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_textarea_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 220px;
}
#signup form p input.signupbutton {
margin: 5px 0 0 0;
padding: 0px;
}
/* required fields - does not work in IE */
#signup div.fm-req {
font-weight: bold;
}
#signup div.fm-req label:before {
content: "* "; /* does not work in IE */
color: #CC0000;
}
.captcha {
float: right;
width: 400px;
text-align: center;
margin-right: 0px;
}
.captcha {
/* float: right;
width: 100%;
text-align: right;
margin-right: 20px;*/
}
.signupstatement {
margin-left: 150px;
float: left;
}
#signup ul li {
list-style-image: url(../images/tpl_icon_bullet.gif);
}
.signupbutton {
margin-left: 150px;
padding : 0 0 0 25px;
}
/* End Clip Share Signup */
/* My Profile */
#myprofile {
display:block;
width:726px;
padding:2px;
border: 1px solid #F5F5F5;
text-align: left;
}
#myprofile form {
margin: 10px;
padding: 0px;
}
#myprofile fieldset {
margin: 1em 0;
border: none;
}
#myprofile legend {
margin: 1em 0;
padding: 0 .5em;
background: transparent;
font-size: 19px;
font-weight: normal;
color:#64b8d6;
letter-spacing: -1px;
}
#myprofile label {
float: left;
width: 150px;
padding: 0 1em;
text-align: right;
font-size: 12px;
font-weight: normal;
}
#myprofile form p {
margin: 0px;
padding: 0px;
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #008ece;
}
#myprofile form input.myprofiletext {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 240px;
}
#myprofile form textarea.myprofiletext, #fullbox form textarea.inputtext {
margin: 0 0 10px 0;
padding: 6px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_textarea_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
width: 240px;
}
#myprofile form select.myprofiletext {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#myprofile form input.myprofilebrowsefile {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#myprofile form p input.myprofilebutton{
margin: 5px 0 0 0;
padding: 0px;
}
/* required fields - does not work in IE */
#myprofile div.fm-req {
font-weight: bold;
}
#myprofile div.fm-req label:before {
content: "* "; /* does not work in IE */
color: #CC0000;
}
.myprofilestatement {
margin-left: 150px;
float: left;
}
#myprofile ul li {
list-style-image: url(../images/tpl_icon_bullet.gif);
}
.myprofilebutton {
margin-left: 150px;
padding : 0 0 0 25px;
}
/* End My Profile */
/* Clip Share User Menu */
#usermenu p{
margin: 10px 10px;
padding: 0 0 0 25px;
}
#usermenu h4 {
font: normal 19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#64b8d6;
letter-spacing: -1px;
}
.mystats {
margin: 0 0 0 5px;
float: left;
width: 250px;
display: inline;
}
.myinbox {
margin: 0 0 0 5px;
float: left;
width: 210px;
display: inline;
}
p.myvideostat {
background: transparent url(../images/tpl_icon_video.gif) no-repeat;
}
p.friends {
background: transparent url(../images/tpl_icon_friends.gif) no-repeat;
}
p.friendreq {
background: transparent url(../images/tpl_icon_friend_req.gif) no-repeat;
}
p.newgroupreq {
background: transparent url(../images/tpl_icon_membernew.gif) no-repeat;
}
p.watch {
background: transparent url(../images/tpl_icon_watched.gif) no-repeat;
}
p.visitors {
background: transparent url(../images/tpl_icon_visitors.gif) no-repeat;
}
p.profile {
background: transparent url(../images/tpl_icon_profile.gif) no-repeat;
}
p.message {
background: transparent url(../images/tpl_icon_new_message.gif) no-repeat;
}
/* End Clip Share User Menu */
/* Most Active User */
ul#mostactiveuser {
margin: 0;
padding: 0;
}
ul#mostactiveuser li {
margin: 0;
float: left;
list-style-type: none;
padding: 0 0 0 24px;
padding-bottom: 15px;
text-align: center;
}
ul#mostactiveuser img {
padding: 1px;
border: 1px solid #EEE;
}
ul#mostactiveuser li.boxshow{
margin: 0;
float: left;
list-style-type: none;
padding: 0 0 0 20px;
text-align: center;
line-height: 14px;
height:230px;
}
ul#mostactiveuser span.title {
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
ul#mostactiveuser span.duration {
font: bold 12px Arial, Helvetica, sans-serif;
}
ul#mostactiveuser span.info {
color: #999999;
}
/* End Most Active User */
/* top watched */
/*#topwatched {
margin: 10px 0 0 0px;
height: 230px;
}*/
/* End top watched */
p.specialmessage {
border: 1px solid #EEE;
padding: 10px;
margin: 10px auto;
width: 350px;
text-align: center;
background-color: #e7e7de;
}
.navvideo {
display: inline;
text-align: right;
float:left;
}
#fullbox-title .basicdetailed {
display: inline;
font: normal 11px Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
color: #333333;
letter-spacing: normal;
margin: 0 40px 0 40px;
width:150px;
float:left;
padding-top:5px;
-webkit-box-shadow: 0px !important;
-moz-box-shadow: 0px !important;
box-shadow: 0px !important;
}
#fullbox-title .basicdetailed a:hover{
-webkit-box-shadow: 0px !important;
-moz-box-shadow: 0px !important;
box-shadow: 0px !important;
text-decoration: underline;
}
.titlepage, #signup-title, #myprofile-title, #fullbox-title
{
text-shadow:2px 2px rgba(0, 0, 0, .1);
font-size: 41px !important;
}
.videopaging {
display: inline-block;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #333333;
letter-spacing: normal;
float:right;
margin-right:10px;
}
#fullbox-title p img {
margin-right: 5px;
}
#videobox {
text-align: center;
margin: 0 auto;
line-height: 14px;
}
#tagsbox {
text-align: justify;
margin: 0 auto;
}
#videobox table tr td{
padding-bottom: 30px;
padding-left:12px;
}
#videobox img {
padding: 1px;
border: 1px solid #EEE;
}
#videobox img.star {
border: none;
}
#videobox span.title {
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#videobox span.duration {
font: bold 12px Arial, Helvetica, sans-serif;
}
#videobox span.info {
color: #999999;
}
.center {
text-align: center;
}
#paging{
width:496px;
margin: 0px auto;
padding: 0px;
text-align:center;
}
#paging-left{
width:496px;
}
.pagingnav{
width:495px;
font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.pagingnav {
/*width: 496px;*/
/*background: url(../img/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 0;
margin: 0px auto;
line-height: 28px;
text-align: center; /*set value to "left", "center", or "right"*/
}
.pagingnav {
/*display: inline;*/
padding: 2px;
}
.pagingnav a{
color: #333;
padding: 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #ccc;
}
span.pagingnav {
color: #333;
padding: 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #3a3a34;
background-color: #e7e7de;
}
.pagingnav a:hover{
text-decoration: none;
background-color: #fdfdf6;
font-weight: normal;
}
.replythis {
background: url(../images/tpl_icon_reply.gif) no-repeat left center;
padding: 0 80px 0 20px;
float: right;
margin-bottom: 10px;
}
.videoplayer {
margin-left: 13px;
}
.textdesc{
width:120px;
}
.listchannel, .listchannellarge{
float:left;
padding:5px;
margin-bottom: 5px;
overflow:hidden;
}
.listchannellarge{
width:650px;
}
.listchannellarge .imagechannelinfo,.listchannellarge .imagechannel{
float:left;
}
.listchannellarge .imagechannelinfo{
padding-left:10px;
text-align:left;
}
.listchannellarge .imagechannelinfo .title{
}
.listchannel .imagechannel a img{
width:120px;
height:90px;
}
.listchannellarge .imagechannel a img{
width:120px;
height:90px;
}
.listchannel:hover
{
background:#e7e7de;
-moz-border-radius:8px;
border-radius: 8px;
-webkit-border-radius:8px;
}
.listchannel .star img,.listchannellarge .star img{
border:none;
}
.startratebox{
height:19px;
width:120px;
/* text-align:center; */
border:0px solid;
}
.startratebox img {
border: 0 !important;
}
.startratebox2{
height:19px;
width:192px;
border:0px solid;
}
.startratebox2 img {
border: 0 !important;
width:11px;
}
/* group */
.groupdetail{
float:left;
}
/* end group */
/* Friends */
.friendlist {
margin: 0;
padding: 0;
float: left;
display: block;
border-bottom: 1px solid #eaeaea;
width: 496px;
}
.friendspict {
width: 52px;
margin: 10px 20px 0 10px;
float: left;
}
.dropdownviewnav {
width: 100%;
display: block;
float:right;
text-align: right;
padding: -5px 10px 10px 0;
}
.friendsaction {
width: 496px;
}
.selectaction {
padding: 10px;
text-align:right;
}
#myfriends p {
margin: 0;
padding: 5px 0 5px 0;
}
.friendstat {
margin-left: 70px;
}
.friendstat p span {
padding: 0 30px 0 20px;
}
.friendstat p span.video {
background: transparent url(../images/tpl_icon_video.gif) no-repeat;
}
.friendstat p span.flag {
background: transparent url(../images/tpl_icon_flag.gif) no-repeat;
}
.friendstat p span.people {
background: transparent url(../images/tpl_icon_people.gif) no-repeat;
}
/* End Friends */
/*My Video */
.myvideo {
margin-top: 10px;
width: 495px;
display:block;
float: left;
}
.videothumb {
width: 140px;
display: block;
float: left;
text-align: center;
}
.videothumb img {
padding: 2px;
border: 1px solid #EEE;
}
.maindesc {
width: 320px;
display: block;
float: left;
margin: 0 0 0 10px;
}
.maindescwithoutborder {
width: 320px;
display: block;
float: left;
margin: 0 0 0 10px;
border-bottom: none;
}
.otherdesc {
width: 320px;
display: block;
float: left;
margin: 0 0 0 140px;
}
/* End My Video */
/* Inbox Outbox */
.inbox th {
border-bottom: 3px solid #ffd6bd;
height: 30px;
background-color: #e7e7de;
text-align: center;
}
.inbox td {
height: 20px;
padding: 4px 10px 4px 10px;
}
.inbox td.blue {
background-color: #e7e7de;
padding: 4px 10px 4px 10px;
}
a.newmail {
padding-left: 25px;
background: transparent url(../images/tpl_icon_new_message.gif) no-repeat;
font-weight:bold;
}
a.openedmail {
padding-left: 25px;
background: transparent url(../images/tpl_icon_message.gif) no-repeat;
}
/* End Inbox Outbox*/
/* Groups */
#fullbox-content p, #groups p {
margin: 15px 5px;
padding: 0px;
}
#fullbox-content p span, #groups p span {
margin: 5px 5px 0 0;
padding: 0 0 0 18px;
font-weight: bold;
}
.group {
margin-top: 10px;
width: 496px;
display:block;
float: left;
}
.groupthumb {
width: 120px;
display: block;
text-align:center;
margin: 10px auto;
float:left;
}
.groupthumb img {
padding: 2px;
max-width:120px;
border: 1px solid #EEE;
}
.fontnormal
{
font-weight:normal !important;
}
.fontnormal a
{
font-weight:normal !important;
}
#fullbox-content p span.video, #groups p span.video{
background: transparent url(../images/tpl_icon_video.gif) no-repeat;
letter-spacing: -1px;
}
#fullbox-content p span.topic,#groups p span.topic {
background: transparent url(../images/tpl_icon_topic.gif) no-repeat;
letter-spacing: -1px;
}
#fullbox-content p span.people,#groups p span.people {
background: transparent url(../images/tpl_icon_people.gif) no-repeat;
letter-spacing: -1px;
}
p#grouphome_icon, p#grouppost_icon {
margin: 15px 5px;
padding: 0px;
}
p#grouphome_icon span, p#grouppost_icon span {
margin: 5px 5px 0 0;
padding: 0 0 0 18px;
font-weight: bold;
}
p#grouphome_icon span.video, p#grouppost_icon span.video {
background: transparent url(../images/tpl_icon_video.gif) no-repeat;
letter-spacing: -1px;
}
p#grouphome_icon span.people, p#grouppost_icon span.people {
background: transparent url(../images/tpl_icon_people.gif) no-repeat;
letter-spacing: -1px;
}
p#grouppost_icon span.flag {
background: transparent url(../images/tpl_icon_flag.gif) no-repeat;
letter-spacing: -1px;
}
#groups span.newpeople {
background: transparent url(../images/tpl_icon_membernew.gif) no-repeat;
letter-spacing: -1px;
}
p#grouphome_icon span.newpeople {
background: transparent url(../images/tpl_icon_membernew.gif) no-repeat;
letter-spacing: -1px;
}
p#grouphome_icon span.newvideo {
background: transparent url(../images/tpl_icon_videonew.gif) no-repeat;
letter-spacing: -1px;
}
.groupdesc {
width: 320px;
display: block;
float: left;
margin: 0 0 0 10px;
}
.group-home-desc {
display: block;
float: left;
}
.groupforum-items {
margin: 0 10px;
}
.group-post-desc {
display: block;
float: left;
width: 550px;
}
.grouppost-comment {
border-bottom: 1px solid #EAEAEA;
}
.divede-box{
clear:both;
padding-bottom:20px;
display:block;
}
/*
form#add_group_topic textarea.fullboxtext{
width: 300px;
float: left;
}
.attachvideo {
width: 300px;
margin: 0 0 0 20px;
}*/
/*End Group */
#prevmovie {
width: 60px;
float: left;
padding-left: 7px;
text-align: center;
}
#nextmovie {
width: 60px;
float: left;
text-align: center;
}
#playmovie {
width: 60px;
float: left;
text-align: center;
}
.relatedvideothumbnail {
padding-left: 5px;
width: 60px;
float: left;
display: block;
text-align: center;
}
.relatedvideodesc {
width: 100px;
float: left;
display: block;
padding-left: 8px;
text-align:left;
font: normal 11px/14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#recent1,#recent2,#recent3{
/*padding-left:16px;*/
padding: 0 8px;
width:410px;
float:left;
}
.side_results{
overflow: auto;
height: 350px;
width: 196px;
display: block;
}
.boxtable{
padding-left:30px;
}
.floatmenu{
float:left;
width:125px;
text-align:left;
background: transparent url(../images/tpl_icon_arrow.gif) no-repeat;
padding-left:15px;
line-height: 14px;
}
.floatmenu-without-arrow{
float:left;
width:125px;
text-align:left;
padding-left:15px;
}
.comment-content{
word-wrap: break-word ;
overflow: auto;
width:300px;
}
.errorbox{
border: dotted 1px #FF0000;
color: #FF0000;
font-weight: normal;
font-size: 13px;
width:728px;
margin-top: 10px;
margin-bottom: 15px;
padding: 3px;
}
.msgbox{
color: #fff;
font-weight: normal;
font-size: 13px;
width:728px;
background: #009933;
margin-top: 10px;
margin-bottom: 15px;
padding: 3px;
}
a.cloudtags {
text-decoration: none;
/*border-bottom:dotted 1px #cccccc;*/
padding: 2px;
color: #665c50;
}
a.cloudtags:hover {
text-decoration: none;
border-bottom: none;
background: #ff70b7;
color: white;
padding: 2px;
}
/* Display Comments */
.comment-divider {
border-bottom: dotted 1px #ccc;
}
.comment-image {
margin: 3px;
margin-top: 7px;
padding: 1px;
border: 1px solid #ccc;
}
span.comment-info {
font-size: 11px;
color: #999999;
}
.comment-body {
padding: 8px;
border: 1px dashed #CCCCCC;
background: #FDFDFD;
}
#videotabcontainer {
margin: 0 0 0 5px;
padding: 0px;
position: relative;
top: 0px;
width: 375px;
}
#videotabcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
font: normal 14px/24px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#videotabcontainer li {
display: inline;
margin: 0px;
padding: 0px;
text-indent: 0px;
}
#videotabcontainer a {
float: left;
display: block;
width: 110px;
height: 25px;
color: #333333;
border: none;
text-decoration: none;
}
#videotabcontainer a:link, #videotabcontainer a:visited, #videotabcontainer a:hover, #videotabcontainer li a.tabactive {
float: left;
background: transparent url(../images/tpl_videotabs_btn.gif) no-repeat left top;
background-position: 0% -25px;
}
#videotabcontainer a:link, #videotabcontainer a:visited {
background-position: 0% -25px;
}
#videotabcontainer ul li.tabactive {
background: transparent url(../images/tpl_videotabs_btn.gif) no-repeat left top;
background-position: 0% 0px;
line-height: 24px;
}
#videotabcontainer a:hover {
background-position: 0% -50px;
line-height: 24px;
}
#videotabcontainer li a.tabactive {
background-position: 0% 0px;
line-height: 24px;
}
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background: #FFF;
visibility: hidden;
z-index: 100;
text-align:left;
}
.backtable0{
background-color:#eee;
}
.backtable1{
background-color:#fff;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/*Menu Links*/
/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/
#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}
#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active {color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}
#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active {color:black;text-decoration:none;}
#menu3 a:visited {color:black;text-decoration:none;}
/*End Menu Links*/
.addtoplaylist{
background: transparent;
float:left;
z-index:1;
position:absolute;
margin-top:72px;
margin-left:5px;
width:15px;
border:0px;
color: #a1a1a1;
}
#addplaybutton{
cursor:hand;
cursor:pointer;
background: transparent url('../images/icon/add.gif') no-repeat;
width:15px;
height:15px;
display:block;
}
#addplaybutton:hover{
background: transparent url('../images/icon/added.gif') no-repeat;
}
.addtoplaylist #addedplay{
background: #74c6e3;
color: #FFF;
width:100px;
display:block;
border:1px solid #1a4250;
height:16px;
}
.playlistu
{
overflow: auto;
height: 200px;
position:relative;
margin-top:18px;
}
#playlistu {
padding:2px;
list-style-type: none;
padding: 0 2px;
position: static;
margin: 0;
text-align:left;
}
#playlistu li {
cursor:hand;
cursor: pointer;
padding: 4px;
margin: 1px;
text-align:left;
border:1px solid #eee;
}
#playlistu li a {
font-weight: bold;
color: #152E4D;
}
#load, #loadp {
width: 80px;
height: 70px;
text-align:center;
display:none;
position:absolute;
}
#load {
left:45%;
}
#loadp {
left:70%;
display:none;
background: #fff;
border: 1px solid #e3e3e3;
}
#flickrget {
width: 100%;
min-height:200px;
padding: 3px 3px 3px 20px;
list-style:none;
margin:0;
}
#flickrget li {
margin:2px;
padding:0;
float:left;
}
#flickrget li a {
display:block;
width:120px;
height:100px;
padding:4px 0;
text-align:center;
}
#contentflickru {
width: 100%;
list-style:none;
margin:0;
}
#contentflickru li {
margin:2px;
padding:0;
float:left;
}
#contentflickru li a {
display:block;
width:120px;
height:100px;
padding:4px 0;
text-align:center;
}
#dragbox {
width:100%;
height:100%;
border: 1px solid #BDF4FF;
background: #e7e7de;
}
#navb {
width:100%;
}
#nav {
width:100%;
}
#nav li {
margin:2px;
padding:0;
float:left;
}
#nav li a {
display:block;
width:50%;
padding:4px 0;
text-align:center;
}
.uploadifyQueueItem {
font: 11px Verdana, Geneva, sans-serif;
border: 2px solid #E5E5E5;
background-color: #F5F5F5;
margin-top: 5px;
padding: 10px;
width: 350px;
}
.uploadifyError {
border: 2px solid #FBCBBC !important;
background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
float: right;
}
.uploadifyProgress {
background-color: #FFFFFF;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
margin-top: 10px;
width: 100%;
}
.uploadifyProgressBar {
background-color: #0099FF;
width: 1px;
height: 3px;
}
#upline {
display:none;
}
.pupil, .pupil li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid #74C6E3;
}
.pupil li{
position: relative;
}
.pupil .block {
background: #32B107 repeat-x bottom left;
font: 12px Verdana, Helvetica, sans-serif;
color: #FFF;
text-align:left;
display: block;
width: auto;
margin: 1px;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.pupil .back a {
background: #DADADA url(../images/blueback.png) repeat-x !important;
color: #3B95B6;
font-weight:bold;
}
.pupil .space a {
background:#3A94B5;
color: #fff;
text-align:left;
padding:3px;
}
.pupil li a{
background: #E4F4FA repeat-x bottom left;
font: 12px Verdana, Helvetica, sans-serif;
color: #0D0D0D;
text-align:left;
display: block;
width: auto;
margin: 1px;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.pupil li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 100%; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.pupil li ul li{
float: left;
}
.pupil li ul a{
width: 100%; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.pupil .arrowdiv{
position: absolute;
right: 2px;
}
.pupil li a:hover{
background: #A5E4FB;
}
a.swap {
background-image:url(../images/skoletubebilledeabonnement.jpg);
}
a.swap:hover {
background-image:url(../images/hover_skoletubebilledeabonnement.jpg);
}
.ufont {
color: #3996b5;
font-family:"arial","Times New Roman",Georgia,Serif;
font-size:18px;
}
.ufontspecial {
font-size: 12px;
}
.uinput {
background-image:url(../images/uploadformback.png);
border: 1px solid #e6e6e6;
height:28px;
width:340px;
color: #2b697d;
font-weight:normal;
font-size:18px;
font-family:"arial","Times New Roman",Georgia,Serif;
}
.uptype {
background: transparent url(../images/uptype.png) no-repeat;
height: 289px;
width:350px;
text-align:center;
padding:4px;
padding-top:6px;
margin-top:30px;
z-index:-2;
}
.uptype2 {
background: #fff url(../images/uptype.png) no-repeat;
height: 289px;
width:360px;
text-align:left;
padding:4px;
padding-top:6px;
margin-top:30px;
z-index:-2;
}
.utextarea {
background: #fff url(../images/utextarea.png) repeat-x;
width:340px;
height:152px;
border: 1px solid #e6e6e6;
color: #2b697d;
font-size:18px;
font-family:"arial","Times New Roman",Georgia,Serif;
}
.urequiered {
color: #FF0000;
}
.utypetext{
font-size:12px;
color: #000;
font-weight:normal;
vertical-align:top;
margin-left:20px;
margin-bottom:14px;
}
.utypetextin{
padding-top:15px;
padding-left:20px;
}
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity:0);
opacity: 0;
z-index: 2;
}
.uploadfscreen
{
padding: 20px 0;
background: #fff;
border: 1px solid #eae9ee;
margin: 20px 0;
}
.uploadfscreentitle
{
padding-bottom: 50px;
font-size:28px;
font-family:"arial","Times New Roman",Georgia,Serif;
color: #b3270c;
}
.mainpagelist
{
width:118px;
padding:10px;
height:140px !important;
margin-right:10px;
}
/* the overlayed element */
.apple_overlay {
/* initially overlay is hidden */
display:none;
/* growing background image */
background-image:url(../images/overlay/white.png);
color:#efefef;
height:450px;
/*
width after the growing animation finishes
height is automatically calculated
*/
width:480px;
/* some padding to layout nested elements nicely */
padding:35px;
/* a little styling */
font-size:11px;
}
/* default close button positioned on upper right corner */
.apple_overlay div.close {
background-image:url(../images/overlay/close.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}
div.apple_overlay.black {
background-image:url(../images/overlay/white.png);
color:#fff;
}
/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(../images/overlay/white.png);
color:#efefef;
height:450px;
}
.details {
top:15px;
right:15px;
font-size:11px;
color:#fff;
width:100%;
text-align:left;
}
.details h3 {
color:#aba;
font-size:19px;
margin:0 0 -10px 0;
}
.inputtextbox {
font-size: 14px !important;
background: #ffffff !important;
}
.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}
* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}
.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}
.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}
.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}
.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}
.input-term {
border: 1px solid #666;
padding: 4px 2px 1px 2px;
font-size: inherit;
}
.input-button {
border: 1px solid #666;
padding: 2px 2px 1px 2px;
font-size: inherit;
background-color: #fff;
}
.buttontop{
height: 50px;
display:block;
overflow: hidden;
}
a.buttonx {
background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
}
a.buttonx span {
background: transparent url('../images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.buttonx:active {
background-position: bottom right;
color: #000;
outline: none;
}
a.buttonx:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
.utypetext fieldset { margin: auto; width:280px; padding: 5px; margin-top:5px; padding-top:0px; border: 1px solid #ddd; font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.utypetext fieldset legend { color: #64b8d6; margin:0px;padding:0px; font: normal 17px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.utypetext fieldset li { margin-top:4px;}
.group_opt
{
cursor: hand;
cursor: pointer;
display:inline;
color: #4498b6;
}
.group_dot, .group_dot_h
{
background: transparent url('../images/down_arrowi.png') left no-repeat;
padding-left:30px;
}
.group_dot_type
{
background: transparent url('../images/itype.png') left no-repeat;
padding-left:30px;
}
.group_dot_video
{
background: transparent url('../images/ivideo.png') left no-repeat;
padding-left:30px;
}
.group_dot_forum
{
background: transparent url('../images/iforum.png') left no-repeat;
padding-left:30px;
}
.group_dot_podcast
{
background: transparent url('../images/ipodcast.png') left no-repeat;
padding-left:30px;
}
.group_dot_iparentpass
{
background: transparent url('../images/iparentpass.png') left no-repeat;
padding-left:30px;
}
.group_dot_iparentup
{
background: transparent url('../images/iparentup.png') left no-repeat;
padding-left:30px;
}
.group_dot_iparentcom
{
background: transparent url('../images/iparentcom.png') left no-repeat;
padding-left:30px;
}
.group_dot_h
{
/*background: transparent url('../images/down_arrow.png') left no-repeat;*/
}
.group_opt:hover
{
text-decoration:underline;
}
.group_hid
{
display:none;
padding: 2px;
border: 1px solid #eaeaea;
color: #2f2f2f;
margin-left: 30px;
font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.group_hids
{
display:block;
}
.normaloptions
{
line-height:150%;
color:#000;
font-size: 14px;
}
.colorprobe
{
border:1px solid #e6e6e6;
padding:0px;
margin:0px;
margin-top:3px;
margin-right:2px;
display:block;
width:28px;
height:28px;
}
/* New CSS */
.nheader
{
display: block;
height: 100px;
width: 900px;
}
.header_sitename
{
position:relative;
top: 40px;
left: 40px;
background: transparent url('../images/skoletube_nlogo.png') no-repeat;
display:block;
width:280px;
height:41px;
}
.header_menubox
{
border:1px #000 solid;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
background:#172322;
color:#fff;
min-width:420px;
float:right;
margin-top:0px;
-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
padding:15px;
font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.header_menubox_green
{
border:1px #000 solid;
border-bottom-left-radius: 1em;
-moz-border-radius-bottomleft: 1em;
background:green;
color:#fff;
width:70px;
float:right;
display:inline;
margin-right:-10px;
margin-top:0px;
-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
padding:15px;
padding-right:0px;
font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.header_menubox a, .header_menubox_green a
{
color: #fff;
}
#globaldata
{
margin:auto;
width:900px;
}
.maincontent
{
-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
-moz-border-radius:1em;
border-radius: 1em;
background: #2e3540;
padding:0px;
}
.group_header
{
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
width:100%;
padding:0px;
background: #fff url('../images/defaultgroupback.jpg') no-repeat;
margin:0px;
}
.group_hname
{
font: normal 32px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-shadow:10px 10px 5px rgba(0, 0, 0, .3);
}
.group_hname_back
{
margin-top:15px;
float:right;
background:#fff;
opacity: 0.7;
padding:15px;
padding-right: 30px;
-moz-border-radius-topleft:1em;
-moz-border-radius-bottomleft:1em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border: 1px #aaa solid;
}
.ncontent
{
padding:5px;
min-height: 400px;
margin-bottom: 20px;
-moz-border-radius-bottomright:1em;
-moz-border-radius-bottomleft:1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
}
.ncontent_left
{
margin:10px;
background:#1e232a;
-moz-border-radius:1em;
border-radius: 1em;
padding:10px;
color:#fff;
width:610px;
float:left;
}
.ncontent_full
{
margin:10px;
background:#1e232a;
-moz-border-radius:1em;
border-radius: 1em;
padding:10px;
color:#fff;
width:770px;
height:280px;
padding: 50px;
text-align: center;
}
.ncontent_right
{
width:220px;
padding:0px;
margin:10px;
margin-right:10px;
float:right;
color:#fff;
}
.nmenu
{
width:200px;
padding:4px;
text-align: center;
color:#000;
font: bold 14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.down_arrow
{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 10px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.nmenu_form
{
margin-bottom:20px;
color:#c9c7c7;
}
.group_player_info
{
margin:0px;
padding:0px;
width:145px;
display:block;
float:left;
margin-top:30px;
text-align:right;
}
.group_player_video
{
margin:0px;
padding:0px;
width:460px;
float:right;
}
.group_player_info_blob
{
background:#f7f4d2;
color:#000;
-moz-border-radius-topleft:1em;
-moz-border-radius-bottomleft:1em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
padding:10px;
width:130px;
text-align:center;
}
.group_player_info_blob_name
{
background:#f7f4d2;
color:#000;
-moz-border-radius-bottomleft:1em;
border-bottom-left-radius: 1em;
padding:10px;
width:130px;
text-align:center;
}
#group_player .comments
{
background:#f7f4d2;
color:#000;
border-bottom:1px #1e232a solid;
}
.left_arrow {
border-color:transparent #333333 transparent transparent;
border-style:solid;
border-width:10px 20px 10px 0;
height:0;
width:0;
}
.right_arrow {
border-color: transparent transparent transparent #333333;
border-style:solid;
border-width:10px 0 10px 20px;
height:0;
width:0;
}
.left_arrow:hover
{
border-color: transparent #ffffff transparent transparent;
}
.right_arrow:hover
{
border-color: transparent transparent transparent #ffffff;
}
.group_video_left
{
margin-right:5px;
float:left;
cursor:hand;
cursor:pointer;
height:220px;
padding-top:200px;
}
.group_video_right
{
float:right;
cursor:hand;
cursor:pointer;
height:220px;
padding-top:200px;
}
.group_videos
{
height:200px;
width:560px;
float:left;
}
.group_video_pagination
{
width:100%;
text-align: center;
}
.nparent_button
{
width:200px;
font: bold 14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}
.nparent_input
{
width:250px;
margin-bottom:3px;
font: bold 14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.biggertext
{
font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.roundcorners
{
-moz-border-radius:1em;
border-radius: 1em;
}
.group_video_pbasic
{
height:420px;
width:560px;
overflow: hidden;
float:left
}
.group_line_panel
{
float:right;
margin-top:4px;
}
.group_line_panel a:hover
{
text-decoration: none;
}
.colorSelectorclass {
position: relative;
width: 36px;
height: 36px;
background: url(../images/select.png);
}
.colorSelectorclass div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(../images/select.png) center;
}
.iconbackground
{
width:16px;
height:16px;
-moz-border-radius:2px;
border-radius: 2px;
}
.gvideo_desc
{
width:100%;
display:none;
}
.group_button
{
width:250px;
text-align:left;
overflow:hidden;
font: normal 19px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:#f7f4d2;
margin-bottom:2px;
-moz-border-radius:6px;
border-radius: 6px;
border:1px solid #000;
}
.group_button a
{
color:#000;
display:block;
width:100%;
height:32px;
}
.group_button a:hover
{
text-decoration: none;
}
.group_button img
{
margin-right:4px;
}
.group_msg, .group_err
{
width:400px;
background: white;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
opacity: 0.9;
margin-left:10px;
min-height: 40px;
padding:5px;
}
.group_err
{
background:#ff8f8f;
}
.hideit
{
display:none;
}
.listshout
{
list-style:none;
margin:0;
padding:0;
width:200px;
line-height: 10px !important;
}
.listshout a
{
line-height: 12px !important;
}
.listshout li
{
margin:2px;
padding:2px;
border-bottom:1px dotted #CCCCCC;
line-height: 12px !important;
font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.boxareag
{
background:transparent;
width:200px;
height:70px;
border: 1px solid #1e232a;
margin-bottom: 2px;
}
.shoutimg
{
float:left;
margin-right:3px;
width:30px;
}
.shouttext
{
width:155px;
float:right;
text-align: left;
}
.shoutdata
{
width:100%;
line-height: 10px !important;
}
.shouttext a
{
color: #d7d531;
}
#listshout .pagingnav
{
border:1px solid #d7d531;
background: #1e232a;
color: #d7d531;
}
#listshout .pagebottom a
{
color: #d7d531;
padding:2px;
}
.shoutpostbutton
{
float:right;
width:50px;
height:18px;
background:#1e232a;
}
.mem_video_empty
{
cursor:hand;
border:1px solid #e6e6e6;
cursor:pointer;
height:70px;
padding:3px;
padding-top:50px;
margin-right:10px;
-moz-border-radius:3px;
border-radius: 3px;
}
.mem_video_left
{
float:left;
cursor:hand;
border:1px solid #e6e6e6;
cursor:pointer;
height:70px;
padding:3px;
padding-top:50px;
margin-right:10px;
-moz-border-radius:3px;
border-radius: 3px;
}
.mem_video_left:hover
{
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.mem_video_left:hover .left_arrow_small
{
border-color:transparent #000000 transparent transparent;
border-style:solid;
border-width:6px 12px 6px 0;
}
.mem_video_right
{
float:right;
border:1px solid #e6e6e6;
cursor:hand;
cursor:pointer;
height:70px;
padding:3px;
padding-top:50px;
-moz-border-radius:3px;
border-radius: 3px;
}
.mem_video_right:hover
{
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.mem_video_right:hover .right_arrow_small
{
border-color: transparent transparent transparent #000;
border-style:solid;
border-width:6px 0 6px 12px;
}
.right_arrow_small {
border-color: transparent transparent transparent #8a8d52;
border-style:solid;
border-width:6px 0 6px 12px;
height:0;
width:0;
}
.left_arrow_small {
border-color:transparent #8a8d52 transparent transparent;
border-style:solid;
border-width:6px 12px 6px 0;
height:0;
width:0;
}
.mempagetop
{
width:100%;
}
.mempagebottom
{
float:right;
}
.mempageleft
{
float:left;
}
.mempagebottom a
{
padding:2px;
}
.hoverspecial:hover
{
background:#e7e7de;
}
#menuuservideos
{
border: 1px solid #F5F5F5;
display:none;
margin-bottom:4px;
padding:10px;
}
.videoinfoblock
{
border:1px solid #d1cebc;
display:none;
margin-bottom:4px;
padding:10px 0px 0px 5px;
text-align:left;
background:#fefefe;
width:860px;
font-size:12px;
-moz-border-radius:4px;
border-radius: 4px;
}
.videoinfoup
{
font-size:12px;
color: #9a9a9a;
line-height:10px;
width:600px;
heigh:12px;
display:inline-block;
}
.fontsize
{
font-size:12px !important;
color:#000;
}
.optionlist
{
margin:0px;
padding:0px;
list-style:none;
white-space:nowrap;
}
.optionlist li
{
margin:0px;
padding:0px;
white-space:nowrap;
}
.playlistman
{
color:#294c17;
background:#a5e372;
border:1px solid #294c17;
}
.partialbox
{
display:inline-block;
height:30px;
line-height:22px;
overflow:hidden;
vertical-align:top;
}
#addtoplaylist
{
float:left;
}
#closediv
{
float:right;
}
#closediv img
{
padding-right:5px;
}
.usertopbar
{
text-align: left;
margin:2px;
float:left;
display:inline-block;
vertical-align: middle;
font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.usertopbar a
{
font-weight: bold;
}
.countmemmen
{
display:inline;
border:1px solid #e6e6e6;
padding:2px;
-moz-border-radius:3px;
border-radius: 3px;
-webkit-border-radius:3px;
}
#msgbox {
/* overlay is hidden before loading */
display:none;
/* standard decorations */
width:400px;
border:10px solid #666;
/* for modern browsers use semi-transparent color on the border. nice! */
border:10px solid rgba(82, 82, 82, 0.698);
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
#msgbox div {
padding:10px;
border:1px solid #3B5998;
background-color:#fff;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}
#msgbox h2 {
margin:-11px;
margin-bottom:0px;
color:#fff;
background-color:#68d046;
padding:5px 10px;
border:1px solid #3B5998;
font-size:20px;
}
#errbox {
/* overlay is hidden before loading */
display:none;
/* standard decorations */
width:400px;
border:10px solid #666;
/* for modern browsers use semi-transparent color on the border. nice! */
border:10px solid rgba(82, 82, 82, 0.698);
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
#errbox div {
padding:10px;
border:1px solid #3B5998;
background-color:#fff;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}
#errbox h2 {
margin:-11px;
margin-bottom:0px;
color:#fff;
background-color:#b3270c;
padding:5px 10px;
border:1px solid #3B5998;
font-size:20px;
}
#closebubbleply
{
visibility:hidden;
}
.visible
{
display:inline-block;
}
.floatright
{
float:right !important;
}
.floatleft
{
float:left !important;
}
.expandback
{
background: transparent url(../images/arrowsupdown.png) no-repeat left bottom;
height:16px;
width:16px;
overflow:hidden;
margin-right:5px;
display:inline-block;
}
.expandback:hover
{
text-decoration: none;
}
.view_comments
{
margin-right:5px;
}
.comm_cl { clear:both; }
.comm_lf { clear:left; }
#comments_id label { display:inline; }
/* Comments title */
.comm_title { font-size:14px; font-weight:bold; padding-bottom:5px; border-bottom: solid 1px #999; margin-bottom:8px; }
/*Single comment container (font, background, align, border)
-----------------------------------*/
.comm_even { font-size:11px; text-align:left; background:#f7f7f4; border:0px; width:100%;}
.comm_odd { font-size:11px; text-align:left; background:#fff; border:0px; width:100%;}
/* Left container */
.comm_left { vertical-align:top; }
.left_comm { margin:0px; }
.left_reply { margin-left:30px; }
/* User picture */
.comm_photo { vertical-align:top; padding:15px 5px 15px 10px; width:50px; text-align:left; float:left; display:inline; }
.comm_photo img { text-decoration:none; border:0; width:40px; height:40px; }
.comm_photo a { text-decoration:none; }
/* comment content */
.comm_content { padding:15px 10px 15px 5px; }
/* Comment date */
.comm_date { color:#888; font-size:10px; padding-bottom:4px; }
/* Comment user link */
.comm_date a { color:#006699; text-decoration:underline; }
.comm_date a:hover { color:#006699; text-decoration:underline; }
/* Reply date */
.reply_date { color:#888; font-size:10px; padding: 0 0 0 20px; }
/* Reply user link */
.reply_date a { color:#006699; text-decoration:underline;}
.reply_date a:hover { color:#006699; text-decoration:underline; }
/* Comment content */
.comm_comment { font-size:12px; padding-top:5px; padding-left:5px; }
/* Reply content */
.comm_reply { font-size:12px; padding-top:5px;padding-bottom:10px; padding-left:35px;padding-right:10px; }
/* Right container */
.comm_right { white-space:nowrap; overflow:hidden; float:right; text-align:right; padding:10px 10px 10px 0px; width: 120px; }
.right_inside { }
/* Icons div - same height as icons height */
.comm_icon { height: 18px; line-height: 18px; text-align:right; }
/* Icon Down */
a.comm_down { background-image:url(../images/thumb_down.gif); background-repeat: no-repeat; display:block; width:22px; height:18px; text-indent:-9999px;display: inline; float:right;outline:none;-moz-outline-style: none;text-decoration:none !important;}
a.comm_down:hover { background-image:url(../images/thumb_down.gif); background-repeat: no-repeat; background-position:0px -18px; display:block; width:22px; height:18px; text-indent:-9999px;display: inline; float:right;outline:none;-moz-outline-style: none;text-decoration:none !important;}
/* Icon Up */
a.comm_up { background-image:url(../images/thumb_up.gif); background-repeat: no-repeat; display:block; width:22px; height:18px; text-indent:-9999px; display: inline; float:right;outline:none;-moz-outline-style: none;text-decoration:none !important;}
a.comm_up:hover { background-image:url(../images/thumb_up.gif); background-repeat: no-repeat; background-position:0px -18px; display:block; width:22px; height:18px; text-indent:-9999px; display: inline; float:right;outline:none;-moz-outline-style: none;text-decoration:none !important;}
/* Comment rate info */
.rates { padding-right:10px; font-weight:normal; color:#333; }
.rate_plus { color:#009900; font-weight:bold; }
.rate_minus { color:#FF0000; font-weight:bold; }
.rate_zero { color:#000; font-weight:normal; }
/* Right links */
.comm_links { color: #000; margin-top:5px; margin-bottom:10px; }
.comm_links a {color: #006699; text-decoration:none; outline:none;}
.comm_links a:hover { color: #000; text-decoration:underline; outline:none;}
/* Send Cancel Button */
.comm_button { text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; border:solid 1px #383838; padding: 1px 6px 1px 6px; background: #222222; color: #ccc; cursor: pointer; text-align:center; }
/* Char left label */
#char_left { font-size:10px; color:#999; }
.char_left { font-size:10px; color:#999; }
/* Comment textarea */
.comm_area {
margin:0; border: 1px solid #999; background:#f0f0f0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000; padding:4px; margin-bottom:4px; width:95%; height:70px;
}
/* Reply textarea */
.rep_area {
margin:0; border: 1px solid #999; background:#FFF;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000; padding:4px; margin-bottom:5px; width:100%; height:90px;
}
/* Reply square */
.rep_sq { padding:12px;}
/* More comment link */
.comm_more { font-weight:bold; float:right; text-align:right; }
.comm_more a { color:#006699; text-decoration:underline; outline:none;}
.comm_more a:hover { color:#f00000; text-decoration:underline; outline:none;}
/* Login link */
a.comm_link { color:#006699; text-decoration:none; font-weight:bold; text-decoration:underline; }
a.comm_link:hover { color: #f00000; }
/* Message */
#comm_message { font-weight:bold; color:#009900; text-align: center; }
/* Smileys */
.smdiv { margin: 8px 0 8px 0 }
.smdiv img { border:0px; padding:0 3px 0 3px; cursor:pointer; }
.smdiv img a { outline:none; text-decoration:none; }
/* videolist */
.listvideos
{
list-style: none;
}