/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
 * { margin: 0px; padding: 0px; }
body { background: #111111; color: #fff; font-family: Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px auto; padding: 0px; }
a img { border: 0px; }
hr { height: 0; clear: both; border: solid #111; border-width: 1px 0 0; }
a:link { color: #ff3300; text-decoration: none; outline: none; }
a:visited { color: #ff3300; text-decoration: none; outline: none; }
a:hover, a:active { color: #ff9900; text-decoration: none; outline: none; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.5em; font-weight: bolder; color: #ff6600; }
h2 { color: #ff6600; font-size: 18px; }
h3 { color: #ff6600; font-size: 16px; }
h4 { color: #ff6600; font-size: 14px; }
h5 { color: #ff6600; font-size: 12px; }
h6 { color: #ff6600; font-size: 10px; }
p { color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
address { font-size: 12px; font-style: italic; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url('../../images/input.gif') no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }
.clearer { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; margin: 0px; padding: 0px; width: auto; }
.troundedcorner { border-radius: 5px 0px 0px 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -khtml-border-radius: 5px 0px 0px 5px; }
.broundedcorner { border-radius: 0px 5px 5px 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius: 0px 5px 5px 0px; }
.roundedcorner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.opacity { opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(Opacity=80); }
#headerwrapper { background: #111111; margin: 0px auto; height: 80px; }
#bodywrapper { margin: 0px auto; margin-top: 10px; margin-bottom: 10px; width: 960px; }
#footerwrapper { margin: 10px auto; }
#header { background: #111111; border: none; height: 100%; margin: 0px auto; padding: 0; position: relative; width: 960px; }
#userbar { color: #ffffff; float: right; width: 500px; height: 35px; }
#userbar .userbarcontent { background: #222222; width: 100%; height: 40px; margin: 0px auto; padding: 2px 0 2px 8px; }
#logo { color: #42423d; float: left; font-size: 30px; height: 65px; padding-top: 5px; padding-bottom: 5px; text-align: left; width: 460px; }
#logo h1 { color: #111111; font-family: "Georgia, serif"; font-size: 40px; font-weight: bolder; line-height: .9em; }
#slogan { color: #42423d; float: left; font-style: italic; font-size: 25px; margin-top: 5px; padding-top: 5px; text-align: center; width: 500px; }
#navigation { background: #111111; height: 33px; position: relative; width: 100%; }
#navigation #inner { height: 40px; margin: 0px auto; padding: 0px; width: 960px; }
#navigation #inner ul { list-style: none; margin: 0px; padding: 0px; position: absolute; z-index: 100; }
#navigation #inner ul li { float: left; font-size: 17px; font-weight: bold; margin: 6px 25px 16px 0px; }
#navigation #inner ul li a { color: #ffffff; text-decoration: none; }
#navigation #inner ul li a:selected { color: #0064DB; height: 20px; left: 0px; top: 5px;padding: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#navigation #inner ul li a:hover { color: #0064DB; height: 20px; left: 0px; top: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#navigation #inner ul li a .current { color: #0064DB; height: 20px; left: 0px; top: 5px;padding: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#navigation #inner #search { color: #ffffff; float: right; padding-top: 4px; text-align: center; width: 250px; }
.fullwrapper { background: #222222; width: 960px; margin: 0px auto; }
.fullwrapper .content { padding: 5px; }
#container { width: 100%; }
#container #main-wrapper { display: inline; float: left; width: 620px; }
#container #sidebar-wrapper { float: right; width: 320px; }
#container #content { background: #222222; width: 620px; margin: 0px auto; padding: 5px; }
#container #sidebar-content { }
.box { background: #222; margin: 0 0 10px; padding: 0 10px 15px; }
.box h1 { border-bottom: 1px solid #111; margin-bottom:5px; }
#sidebarsearch { text-align: center; width: 100%; }
#footer { background: #222222; width: 960px; margin: 0px auto; }
#footer #fcontent { padding: 5px; text-align: center; }
a.button, .button:visited { background: #222 url(../images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
a.button:hover{ background-color: #111; color: #fff; }
a.button:active { top: 1px; }
a.small.button, .small.button:visited { font-size: 11px; padding: ; }
a.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
a.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited { background-color: #91bd09; }
.green.button:hover { background-color: #749a02; }
.blue.button, .blue.button:visited { background-color: #2daebf; }
.blue.button:hover {background-color: #007d9a; }
.red.button, .red.button:visited { background-color: #e33100; }
.red.button:hover { background-color: #872300; }
.magenta.button, .magenta.button:visited { background-color: #a9014b; }
.magenta.button:hover { background-color: #630030; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.yellow.button, .yellow.button:visited { background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }
#videowrapper #vheader { background: #222222; width: 950px; height: 20px; margin-top: 5px; margin-bottom: 10px; padding: 5px; }
#videowrapper #vheader #name { float: left; width: 700px; }
#videowrapper #vheader #voptions { float: right; text-align: right; width: 200px; margin-right: 20px; }
#videowrapper { width: 960px; color: #ffffff; }
#videowrapper #video { background: #222222; height: auto; width: 520px; float: left; padding-top: 12px; }
#videowrapper #info { background: #222222; height: auto; width: 420px; float: right; margin: 0px 0px 0px 0px; }
#videowrapper #info #userinfo { border: 5px solid #d5drd5; float: left; padding: 10px; margin-bottom: 5px; width: 400px; }
#videowrapper #info #rating { height: auto; padding: 10px; float: left; margin-bottom: 5px; width: 400px; }
#videowrapper #info #link { height: auto; padding: 10px; float: left; margin: 0px; margin-bottom: 5px; width: 400px; }
#videowrapper #info #link a{ color: #ffffff; }
#videowrapper #info .userlogo { border: 5px solid #d5drd5; float: left; padding: 5px; }
#submitcontainer { width: 100%; }
#submitcontainer #main-wrapper { display: inline; float: left; width: 620px; }
#submitcontainer #sidebar-wrapper { float: right; width: 320px; }
#submitcontainer #content { background: #222222; width: 620px; margin: 0px auto; padding: 5px; }
#submitcontainer #sidebar-content { padding: 5px; }
#videosubmit_input { border: 1px solid #cccccc; font-size: 14px; font-weight: bold; line-height: 1.2; padding: 5px; color: #777; font-family: Arial, sans-serif; outline: none; display: inline; height: 14px; width: 500px; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#submit-left { background: #222222; float: left; width: 400px; padding: 5px; }
#submit-right { background: #222222; float: right; width: 500px; padding: 5px; }
.videoinfosubmit { padding: 5px }
.videoinfosubmit h3 { text-align: center; }
.videoinfosubmit .info { margin: 0px auto; text-align: center; }
.videocontent { margin-bottom: 10px; border-bottom: 2px #666 double; }
.videocontent .button { float: right; }
.calendar { background: #333333; color: #fff; float: left; height: 34px; margin-right: 10px; padding-top: 3px; text-align: center; width: 40px; }
.calendar p { color: #fff; padding: 0; margin: 0; }
.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: none; }
.thumbnail { float: left; margin: 0 15px 8px 0; border: 1px solid #dedede; }
.box { background: #222; color: #ffffff; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#ffffff; }
#TB_window a:link {color: #ffffff;}
#TB_window a:visited {color: #ffffff;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #ffffff;}
#TB_window a:focus{color: #ffffff;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #111111; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
.ratingblock { width: 50%; display:block; padding-bottom:8px; margin-bottom:8px; }
.loading { height: 30px; background: url('../images/working.gif') 50% 50% no-repeat; }
.unit-rating { list-style:none; margin: 0px; padding:0px; height: 30px; position: relative; background: url('../images/star-default.png') top left repeat-x; }
.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; float: left; }
.unit-rating li a { outline: none; display:block; width: 32px; height: 30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.unit-rating li a:hover{ background: url('../images/star-hover.png') left center; z-index: 2; left: 0px; width: 32px; }
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:32px;}
.unit-rating a.r2-unit{left:32px;}
.unit-rating a.r2-unit:hover{width: 62px;}
.unit-rating a.r3-unit{left: 62px;}
.unit-rating a.r3-unit:hover{width: 92px;}
.unit-rating a.r4-unit{left: 92px;}
.unit-rating a.r4-unit:hover{width: 122px;}
.unit-rating a.r5-unit{left: 122px;}
.unit-rating a.r5-unit:hover{width: 152px;}
.unit-rating a.r6-unit{left: 152px;}
.unit-rating a.r6-unit:hover{width: 182px;}
.unit-rating a.r7-unit{left: 182px;}
.unit-rating a.r7-unit:hover{width: 212px;}
.unit-rating a.r8-unit{left: 212px;}
.unit-rating a.r8-unit:hover{width: 242px;}
.unit-rating a.r9-unit{left: 242px;}
.unit-rating a.r9-unit:hover{width: 272px;}
.unit-rating a.r10-unit{left: 272px;}
.unit-rating a.r10-unit:hover{width: 302px;}
.unit-rating li.current-rating { background: url('../images/star-hover.png') left bottom; position: center; height: 30px; display: block; text-indent: -9000px; z-index: 1; }
.voted {color:#999;}
.thanks {color:#36AA3D;}
.Warning { color: #FF0000; font-size: 12px; font-style: italic; }
#nav{width:960px; height:36px;list-style:none; margin:auto; }
ul#meni {width:960px;height:36px; list-style:none; margin:0; padding:0;}
ul#meni li {display: inline;}
ul#meni li a {display:inline; float:left; height:36px; background-image: url('http://www.u2croatia.net/video/templates/default/css/menu.gif'); text-indent:-9999px;}
ul#meni li a.home {width:138px; background-position: 0 0;}
ul#meni li a.feature {width:137px; background-position: -138px 0;}
ul#meni li a.all {width:137px; background-position: -275px 0;}
ul#meni li a.categories {width:137px; background-position: -412px 0;}
ul#meni li a.images {width:137px; background-position: -549px 0;}
ul#meni li a.videos {width:137px; background-position: -686px 0;}
ul#meni li a.submit {width:137px; background-position: -823px 0;}
ul#meni li a.home:hover, ul#menu li a.home:focus {background-position: 0 -36px;}
ul#meni li a.feature:hover, ul#menu li a.feature:focus {background-position: -138px -36px;}
ul#meni li a.all:hover, ul#menu li a.all:focus {background-position: -275px -36px;}
ul#meni li a.categories:hover, ul#menu li a.categories:focus {background-position: -412px -36px;}
ul#meni li a.images:hover, ul#menu li a.images:focus {background-position: -549px -36px;}
ul#meni li a.videos:hover, ul#menu li a.videos:focus {background-position: -686px -36px;}
ul#meni li a.submit:hover, ul#menu li a.submit:focus {background-position: -823px -36px;}