/* Resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

/* HTML TAG STYLES */
html {
overflow-y:scroll;
}

body,html {
background-color:#D8F4F7;
background-image:url(images/blue-stripe.jpg);
background-repeat:repeat-x;
font-family:sans-serif,Geneva,Arial,Helvetica;
font-size:12px;
margin:0;
padding:0;
}

table {
margin:auto;
}

ul li {
list-style:none;
}

form {
display:inline;
margin:0;
padding:0;
}

a:link,a:visited {
color:#222;
text-decoration:none;
}

img {
border:0;
}

input,select {
outline:none;
font-size:11px;
color:#555;
}

/* GENERIC CLASSES */
.bold {
font-weight:700;
}

.center {
text-align:center;
}

.small {
font-size:9pt;
}

.smallest {
font-size:8pt;
}

.large {
font-size:11pt;
}

.largest {
font-size:12pt;
}

.normal {
font-weight:400;
}

.justify {
text-align:justify;
}

.click {
cursor:pointer;
}

.red {
color:red;
}

.gradient,.gradient_two {
font:bold 220%/100% "Lucida Grande", Arial, sans-serif;
position:relative;
color:#000;
letter-spacing:-2px;
margin:0;
padding:10px 0 5px;
}

.gradient span {
background:url(images/gradient.png) repeat-x;
position:absolute;
display:block;
width:100%;
height:15px;
}

.gradient_two span {
background:url(images/gradient2.png) repeat-x;
position:absolute;
display:block;
width:100%;
height:15px;
}

/** RATING STARS **/
#rater-stars {
position:absolute;
top:2px;
left:0;
z-index:1;
}

.rater-div {
position:absolute;
width:18.6px;
height:20px;
top:2px;
left:0;
background-color:#fff;
filter:alpha(opacity=0);
opacity:0;
z-index:30;
cursor:pointer;
}

#rater-text {
position:absolute;
top:5px;
left:100px;
}

.star-align {
position:absolute;
padding-right:6px;
width:100px;
text-align:left;
top:9px;
left:546px;
z-index:99;
}

/* ID STYLES */
#clips img {
filter:alpha(opacity=25);
opacity:0.25;
cursor:pointer;
margin:0 10px;
}

#clips img:hover {
filter:alpha(opacity=75);
opacity:0.75;
}

#clips img.selected {
cursor:default;
filter:alpha(opacity=100);
opacity:1;
}

/* NAVIGATION TABS */
#navigation-tabs {
float:right;
width:auto;
border-bottom:1px solid #939393;
}

#navigation-tabs a {
border:1px solid #939393;
border-bottom:1px solid #e8e8e8;
background-image:url(images/active_back.jpg);
background-repeat:repeat-x;
height:30px;
color:#222;
font-size:11px;
position:relative;
top:1px;
display:inline-block;
text-decoration:none;
outline:none;
cursor:default;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
padding:8px 5px;
}

#navigation-tabs a:link,#navigation-tabs a:visited {
background-image:url(images/tab_back.jpg);
background-repeat:repeat-x;
border:1px solid #939393;
border-bottom:1px solid #939393;
color:#282525;
cursor:pointer;
}

#navigation-tabs span a:link,#navigation-tabs span a:visited {
background-image:url(images/blue_tab_back.jpg);
background-repeat:repeat-x;
border:1px solid #939393;
border-bottom:1px solid #939393;
color:#222;
cursor:pointer;
}

#navigation-tabs a:link:hover,#navigation-tabs a:visited:hover {
border:1px solid #939393;
border-bottom:1px solid #e8e8e8;
background-image:url(images/active_back.jpg);
background-repeat:repeat-x;
color:#222;
cursor:pointer;
}

/* CONTENT SECTIONS */
.small-header {
font-size:80% !important;
font-color:#222;
}

.small-video-text {
font-size:80% !important;
font-color:#939393 !important;
padding:5px 0;
}

.small-title {
color:#3A91CB !important;
text-transform:uppercase;
font-weight:700;
}

.small-title a {
text-transform:none;
text-decoration:none;
}

.small-title a:hover {
text-transform:none;
color:#4fabe9 !important;
}

.section-header {
color:#555;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:10px;
padding-bottom:5px;
text-transform:none;
font-weight:400;
text-align:left;
margin:0;
}

.section-content {
position:relative;
border-top:none;
margin-bottom:20px;
padding:4px 8px;
}

.section-whole {
width:100%;
}

.section-left {
display:inline-block;
width:68%;
vertical-align:top;
}

.section-right {
display:inline-block;
width:28%;
margin-left:20px;
}

.section-header-tab {
display:inline-block;
position:relative;
bottom:11px;
border-bottom:1px #3A91CB solid;
color:#222;
font-size:11px;
cursor:default;
padding:8px 16px;
}

.section-header-tab:link,.section-header-tab:visited {
display:inline-block;
position:relative;
color:#555;
border-bottom:none;
border:0;
cursor:pointer;
}

.section-header-tab:link:hover,.section-header-tab:visited:hover {
color:#000;
border-bottom:1px #afafaf solid;
}

#main_videos {
width:685px;
margin-right:39px;
margin-top:-1px;
background:#E9F5F8 url(images/main_back.jpg);
background-repeat:repeat-x;
border-top:1px #939393 solid;
color:#555;
padding:10px;
}

/* INNER CONTENT SECTIONS */
.inner-section-header {
color:#939393;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:10px;
padding-bottom:5px;
text-transform:none;
font-weight:400;
text-align:left;
margin:0;
}

.inner-section-header span.selected {
display:inline-block;
position:relative;
color:#939393;
cursor:default;
border-bottom:1px #3A91CB solid;
}

.inner-section-header span {
display:inline-block;
position:relative;
bottom:11px;
border-bottom:none;
color:#555;
font-size:11px;
cursor:pointer;
padding:8px 16px;
}

.inner-section-header span:hover {
color:#e8e8e8;
border-bottom:1px #afafaf solid;
}

.inner-section-content,.inner_content_free,.inner-content-black {
text-align:left;
border:1px solid #939393;
margin-bottom:5px;
margin-top:5px;
padding:4px 8px;
}

.inner-section-content,.inner_content_free {
background:#E8E8E8 url(images/active_back.jpg) repeat-x;
}

.inner-content-black {
background:#3e3d3d url(images/black-title.gif) repeat-x;
}

/* FORM FIELDS */
span.label {
display:inline-block;
text-align:left;
width:7em;
font-size:11px;
font-weight:700;
vertical-align:top;
padding-top:3px;
padding-left:5px;
}

span.wider {
width:13em;
}

span.nopad {
padding-top:0;
}

span.input-container {
vertical-align:top;
margin-left:3px;
display:inline-block;
}

span.text-container {
margin-left:3px;
position:relative;
top:0.2em;
display:inline-block;
}

div.field {
margin-top:8px;
margin-bottom:8px;
font-size:11px;
}

div.field-narrow {
margin-top:4px;
margin-bottom:4px;
}

/* VIDEO DETAILS */
.video-brief {
margin:2px 0;
}

/* TAG CLOUD */
div.tags {
line-height:1.3em;
text-align:left;
background:#eff4fa url(images/video_back_small.jpg) repeat-x;
border:1px #939393 solid;
width:124px;
margin-left:6px;
padding-top:3px;
padding-bottom:3px;
}

div.tags a {
vertical-align:middle;
color:#555;
font-size:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
padding:0 1px;
}

div.tags a:hover {
color:#939393;
}

/* MISC */
.main-content {
width:100%;
margin-left:auto;
margin-right:auto;
position:relative;
}

.horizontal-layout > span {
display:inline-block;
text-align:left;
vertical-align:top;
width:24.5%;
margin-bottom:18px;
padding:0;
}

.horizontal-layout .video-container {
width:121px;
position:relative;
margin-left:auto;
margin-right:auto;
}

.video_link {
font-size:10px;
font-family:Calibri, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#165FB8 !important;
}

.video_title {
font-size:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#363636;
}

.view_link,.view_title,.light_title {
font-size:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
color:#555 !important;
}

.view_title,.light_title {
font-style:italic;
text-align:justify;
padding:4px 0;
}

.view_title:hover {
color:#DCDCDC !important;
}

.light_title:hover {
color:#222 !important;
}

.video_link:hover {
text-decoration:underline;
}

.video-container .video-thumb,.video-brief-thumb .video-thumb {
border:1px solid #afafaf;
max-width:140px;
max-height:105px;
padding:1px;
}

.video-box,.video-box-two {
border:1px solid #d4ca9a;
background:#e4dfcb;
width:148px;
float:left;
position:relative;
margin:2px;
padding:6px 4px;
}

.center-image {
display:block;
margin-right:auto;
margin-left:auto;
}

.video-thumb {
-moz-opacity:0.82;
filter:alpha(opacity=82);
opacity:0.82;
}

.video-thumb:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

.video-box-two .stars {
position:absolute;
bottom:48px;
left:8px;
}

.video-container .stars {
position:absolute;
bottom:6px;
left:4px;
}

.video-brief-thumb {
position:relative;
display:block;
}

.video-brief-thumb .stars {
position:absolute;
bottom:6px;
left:2px;
}

.video-brief-facets span {
display:block;
padding:1px;
}

.comments-iframe {
width:100%;
border:0;
height:400px;
}

.pagination {
margin-bottom:20px;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

.pagination span {
margin:2px;
}

.pagination a{
border:1px #afafaf solid;
padding:5px;
}

.pagination a:hover {
background:#b8d54e;
color:#165FB8;
}

.arrows-right {
margin-left:14px !important;
margin-right:1px !important;
}

.arrows-left {
margin-right:14px !important;
margin-left:1px !important;
}

.message-notice,.message-error {
font-size:11px;
color:#555;
border:1px dotted #939393;
background:#eff4fa url(images/video_back_small.jpg) repeat-x;
padding:4px 10px;
}

.message-warning {
font-size:11px;
color:#222;
border:1px dotted #939393;
background:#eff4fa url(images/video_back_small.jpg) repeat-x;
padding:4px 10px;
}

.white-box {
background:#e8e8e8 url(images/active_back.jpg) repeat-x;
width:100%;
display:block;
font-size:11px;
border:1px solid #939393;
margin:10px auto 0;
padding:3px;
}

.front-links,.front-links a {
font-style:normal;
}

.gallery-box {
font-size:11px;
color:#555;
padding:4px 10px;
}

.gallery-box h1 {
text-align:left;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
font-weight:400;
text-transform:uppercase;
border-bottom:1px #3A91CB solid;
margin:auto auto 10px;
padding:5px 0 5px 2px;
}

.inner_content_free h1,.inner-content-black h1 {
font-size:14px;
font-family:Calibri, Arial, Helvetica, sans-serif;
text-transform:uppercase;
border:none;
color:#555;
font-weight:400;
padding:9px 10px 0;
}

.inner_content_free a:hover {
color:#555 !important;
}

.inner-content-black h1 a {
color:#afafaf !important;
}

.inner-content-black h1 a:hover {
color:#fff !important;
}

.gallery-box td,tr {
border-spacing:0;
border-style:none;
border-width:0;
padding:0;
}

.banner-box {
background:#eff4fa url(images/video_back_small.jpg) repeat-x;
width:428px;
display:block;
font-size:11px;
border:1px solid #939393;
margin:10px auto 0;
padding:3px;
}

img.center {
margin-right:auto;
margin-left:auto;
display:block;
}

.captcha-image {
border:1px solid #000;
margin-bottom:4px;
}

.captcha-reload {
margin-left:8px;
vertical-align:top;
cursor:pointer;
}

.swfupload {
vertical-align:middle;
}

.panels > div {
padding:8px;
}

/** USER PROFILE STYLE **/
.profile-avatar {
max-width:240px;
}

.profile-fields span {
margin-bottom:8px;
}

.profile-fields span.field {
font-weight:700;
text-align:right;
display:inline-block;
width:20%;
vertical-align:top;
}

.profile-fields span.value {
display:inline-block;
width:79%;
vertical-align:top;
}

/** PROGRESS BAR **/
#progress-bar {
height:24px;
width:0;
background-color:#DFEFFC;
text-align:center;
font-weight:700;
}

#progress-percent {
position:absolute;
width:100%;
text-align:center;
font-weight:700;
color:#2E6E9E;
font-size:18px;
top:1px;
}

#progress-container {
border:1px solid #79B7E7;
width:400px;
position:relative;
}

/* THUMBNAIL SELECTION STYLE */
div.thumb-select-container {
width:98%;
margin-left:auto;
margin-right:auto;
max-height:110px;
overflow:auto;
}

div.thumb-select-container img {
max-width:120px;
max-height:90px;
border:4px solid #fff;
padding:2px;
}

div.thumb-select-container img.thumb-selected {
border:4px solid green;
padding:2px;
}

a:link:hover,a:visited:hover,.pagination span a {
color:#555;
}

.inner-section-content,.video-box .stars {
position:relative;
}