body {font-family:Arial, Helvetica, sans-serif;font-size: small;}
/* HTML
-------------------------------------------------- */
h1 {color: #fff; font-size: 20px;padding: 0; margin: 0; }
h2 {color: #fff; font-size: 18px; margin: 0; padding: 0 0 10px 0;}
a {color: #fff; font-size: 12px;}
p { font-size: 12px; color: #999;}
a img {border: none;}
ul li {color: #999;}
.CuteEditorTextArea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;}

/* STRUCTURE
-------------------------------------------------- */

.outside { width: 994px;background: transparent ;margin: 0 auto;padding: 5px 0 25px 0; }
.top {height: 17px; width: 951px; background: transparent url(../Images/top.png) repeat top left; margin: 20px 25px 0 25px;}
.wrapper {margin: 0 25px 0 25px;background: #111111 url(../Images/back.jpg) no-repeat top left;text-align: left;width: 951px; padding-bottom: 20px;}
.header {float: left;clear: both;width: 930px;margin-left: 5px; padding-right:11px;display:inline;}
.left {float: left; }
.container {float: right; width: 700px; margin-right: 10px; display:inline;}
#side { width: 203px; float: right;}
.side { width: 203px; float: right;}
#main { width: 486px; float: left;}
#player {border: solid 4px #343a3e; float: left; width: 466px;}
.panel {background: #1e1e1e; float: left; padding: 5px; clear: both; display:inline; margin-bottom: 6px;}
#main .panel {width: 476px;}
#side .panel {width: 193px; padding-top: 5px;display:inline;}
.side .panel {width: 193px; padding-top: 5px;display:inline; margin-bottom: 6px;}
.footer {width: 951px;  clear: both; background: transparent url(../Images/footer.png) no-repeat bottom left;height: 11px; margin: 0 0 25px 25px; float: left;display:inline;}
.listcontainer {float: right; width: 700px; margin: 0 5px 10px 0; background: #1e1e1e;display:inline;}
.error {float:left; clear: both; font-weight: bold; width: 100%;margin: 1px 0; padding: 0;}
.topbanner {float: right; clear:right; width: 700px;}
.topbanner img {float: right; margin: 0 0 0 10px;}
.topbanner .mycontent{float:right; margin:0 0 10px 0;}
/* CLASSES
-------------------------------------------------- */

.logo {float: left; margin: 10px 5px 0px 25px; clear:left;}
ul.utility { float: right;margin: 0;padding: 0;list-style-type:none;}
ul.utility li {float: left;}
ul.utility li a {padding: 0 5px 8px 5px; text-transform: uppercase;float:left; font-size: 11px;}
.clear {clear:both;}
.looplink {float: left; text-transform: uppercase; font-size: 11px;  margin-left: 15px;}
a.geeks {float: right; text-transform: uppercase; font-size: 11px;  margin-right: 0px;width: 170px;}
a.helpicon {float: left; width: 250px; padding: 2px 0 2px 20px; margin: 4px 0; background: transparent url(../Images/help.png) no-repeat 2px 2px;}

/* NAV
-------------------------------------------------- */
.categories { float: left; margin: 0 0 0 15px;background: #1e1e1e url(../Images/categoryback.jpg) no-repeat top left; padding: 44px 5px 5px 5px;display:inline;}
.AccountNav { float: left; margin: 0 0 0 15px;background: #1e1e1e url(../Images/accountback.jpg) no-repeat top left; padding: 44px 5px 5px 5px;display:inline;}

.nav {width:200px;float: left;position:relative;display: inline;border: solid 1px #111;}
.nav ul {margin:0;padding: 0;	list-style-type: none; }
.nav ul li {	float: left;display: inline;width:180px;}
.nav ul li a {float: left;background: #343a3e;	color: #94a4b1;	font-weight: normal;font-size: 14px;	font-weight: bold; text-decoration: none;width:180px; padding: 7px 5px 7px 15px; border-bottom: solid 1px #111;}
.nav ul li a:hover   {background: #2c3235;}
.foot {float: left; width: 211px; background: transparent url(../Images/categoryfoot.jpg) no-repeat bottom left; clear:both;margin: 0 0 0 15px; display:inline;}
.foot a { float: right; margin: 6px;display:inline;}

.looptvcategory {float: left; clear:both;width: 200px; margin: 0; padding: 0;border-bottom: solid 1px #666; background: transparent url(../Images/looptvcategory.jpg) no-repeat top left; height: 31px;}
.looptvcategory span, .yourlooptvcategory span {display:none;}
.yourlooptvcategory {float: left; clear:both;width: 200px; margin: 0; padding: 0; border-bottom: solid 1px #666; background: transparent url(../Images/yourlooptvcategory.jpg) no-repeat top left; height: 31px;}



/* VIEW ALL BUTTON
-------------------------------------------------- */

a.viewallbutton {background: transparent url(../Images/viewall.jpg) no-repeat 0px 0px; width: 114px; height: 33px;}
a.viewallbutton:hover {background: transparent url(../Images/viewall.jpg) no-repeat 0px -33px; width: 114px; height: 33px;}
a.viewallbutton span {display:none;}

a.uploadbutton {float: left; clear: both; margin: 10px 0 0 16px; background: transparent url(../Images/uploadyourvideobutton.jpg) no-repeat 0px 0px; width: 206px; height: 60px;}
a.uploadbutton:hover {float: left; clear: both; margin: 10px 0 0 16px;  background: transparent url(../Images/uploadyourvideobutton.jpg) no-repeat 0px -60px; width: 206px; height: 60px;}
a.uploadbutton span {display:none;}


/* LOWER PANELS
-------------------------------------------------- */

.full {float: left; width: 935px; clear: both; margin: 10px 0 0 15px; display:inline;}
.full .panel {float: left; clear: none; background: #343a3e; width: 201px; border: solid 5px #1e1e1e; margin: 0 7px 7px 0; padding: 7px;}
.full .panel h2 { margin: 0; padding: 0;}

/* SIDE
-------------------------------------------------- */
.side .panel {margin-bottom: 5px;}
.side .panel a {color: #94a4b1;}
#side .panel a {color: #94a4b1;}
#side .panel {margin-bottom: 5px;}
.rateicon {background: transparent url(../Images/star-rating.jpg) no-repeat top left; padding: 6px 4px 8px 40px; float: left; clear: both; margin: 0 0 5px 0;width: 140px; margin-left: 7px;}
.favouriteicon {background: transparent url(../Images/favourites.jpg) no-repeat top left; padding: 6px 4px 8px 40px; float: left; clear: both; margin: 0 0 5px 0;width: 140px;margin-left: 7px;}
.profileicon {background: transparent url(../Images/profile.jpg) no-repeat top left; padding: 6px 4px 8px 40px; float: left; clear: both; margin: 0 0 5px 0;width: 140px;margin-left: 7px;}
.linkicon {background: transparent url(../Images/link.jpg) no-repeat top left; padding: 6px 4px 8px 40px; float: left; clear: both; margin: 0 0 5px 0;width: 140px;margin-left: 7px;}
.inappropicon {background: transparent url(../Images/inappropriate.jpg) no-repeat top left; padding: 6px 4px 8px 40px; float: left; clear: both; margin: 0 0 5px 0;width: 140px;margin-left: 7px;}

.heading {margin-left: 10px; float: left; clear: both;}
.panel a img.thumb{border: solid 8px #343a3e !important;float: left; margin: 5px 5px 5px 15px;}
.panel a:hover img.thumb{border: solid 8px #2c3235 !important;float: left; margin: 5px 5px 5px 15px;}
.panel .back { text-align: center; background: transparent url(../Images/rightpanelbackground.jpg) no-repeat top left; width: 180px; height: 30px;float: left; clear: both;margin-left: 7px;}
.panel .back p { color: #94a4b1; font-size: 14px; margin-top: 6px; font-weight: bold;}

.ratingStar { font-size: 0pt; width: 22px; height: 22px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../Images/star.jpg); }
.emptyRatingStar { background-image: url(../Images/star-hollow.jpg); }
.savedRatingStar { background-image: url(../Images/star.jpg); }
a.deletelink {background: transparent url(../Images/delete.png) no-repeat 2px 2px ; float: right; width: 100px; padding: 2px 0 2px 20px;}

/* COMMENTS
-------------------------------------------------- */

.comment {float: left; clear: both; background: #343a3e; width: 476px; border: solid 5px #1e1e1e; margin: 0 0 0 0;}
.comment p, .comment h1, .comment h2 {margin: 8px;}
.comment p.posted {color: #fff;}
.comment p.posted a {font-weight: bold;}
.editor {margin: 5px 5px 0 5px;}
a.post {background: #000; color: #fff; padding: 6px 8px; text-align: right;  float: right; margin: 0 4px 4px 0; font-weight: bold; font-size: 14px;}

/* LISTING
-------------------------------------------------- */

.listcontainer .title, .myAccount .title, .title {float: left; clear: both; background: #343a3e; width: 674px; border: solid 5px #1e1e1e; margin: 5px 0 7px 3px;padding: 5px; display:inline;}
.listcontainer .item, .myAccount .clip {float: left; margin: 8px 0 0 8px; border: solid 5px #343a3e; width:150px; height: 14em;position: relative; background:#111111;}
.listcontainer .item .thumb, .myAccount .clip .thumb {width: 150px;height: 100px;}
.listcontainer .item h2, .myAccount .clip h2 { font-size: 11px; margin: 3px 6px 0 6px; color: #94a4b1; text-decoration:none; padding: 0;float: left; clear: both;text-transform: uppercase;}
.listcontainer .item h2 span {text-transform: lowercase;}
.listcontainer .item:hover, .myAccount .clip:hover {float: left; margin: 8px 0 0 8px; border: solid 5px #2c3235;}
.listcontainer .item p.comments {float: left;clear:both;font-size: 11px; margin: 0 0 0 6px; padding:0; width: 130px; text-decoration: none;}
.listcontainer .item p.viewcount {float: left;clear:both;font-size: 11px; margin: 0 0 0 6px; padding:0; width: 130px;text-decoration: none;}
.listcontainer .item .starrating {float: left; clear:both; margin:0 0 0 6px; position: absolute; bottom: 3px; left: 0px;}

/* OSHKOSH 
-------------------------------------------------- */
.listcontainer #OshkoshClips {float: left; margin: 0; padding: 0; width: 536px;}
.listcontainer #OshkoshBanners {float: right; margin: 0 10px 0 0; display: inline; padding: 0 0 20px 0;  width: 130px;}
.listcontainer #OshkoshBanners img {float: right; margin: 0; padding: 0 0 10px 0;  width: 130px; height: 53px;}
.listcontainer #OshkoshClips .pager {width: 488px; border: none; margin: 15px 0 10px 8px;}

.OshKoshTopbanner {float: right; clear:right; width: 717px;}
.OshKoshTopbanner img {float: right; margin: 0 0 5px 5px; width: 234px; height: 60px;}
.OshKoshTopbanner .noMargin img {margin: 0 0 5px 0;}
/* -------------------------------------------------- */


.myAccount .clip .editvideo {float: left; clear: both; color: #fff; font-size: 11px; padding: 2px 5px; background: #111; position: absolute; bottom: 3px; left: 3px;}
.pager {float: left; clear: both; background: #343a3e; width: 674px; border: solid 5px #1e1e1e; margin: 5px 0 7px 3px; padding: 5px; display:inline;}
.pager p {font-weight: bold; margin: 0; padding: 0;}
.pager a {font-weight: bold; padding: 4px 8px; background: #2c3235;margin-right: 1px;}
.pager a:hover {background: #222;}
.reOrderPanel {float:right; font-size: .7em; padding-top: 3px;}

/* EXPANDING PANEL
---------------------------------------------------- */.

.UserRatingPanel, .ratingbackground { float: left; clear: both; text-align: center;width: 140px; margin-left: 7px; background: #1e1e1e;}
.UserRatingPanel div {float: none; text-align:center;}
.UserRatingPanel p { margin: 0 auto; width: 70px; float: none;}
.UserRatingPanel .stars {margin-left: 20px; float: left;width: 120px; text-align: center;}
#ctl00_MainPlaceHolder_VideoRating {padding: 0 0 0 40px;}
/* LOGIN/REGISTER
---------------------------------------------------- */
.myAccount h2 {margin: 0; padding: 0;}
.myAccount .item {float: left; clear: both; width: 99%;}

.myAccount .item .checkbox {float: left; clear: both;}
.contactform label, .contact label, .myAccount label{ color: #fff; width: 95%; float: left; font-size: 14px; font-weight: bold; margin: 7px 3px 0px 3px; clear: both;}
.contactform .textinput, .contact .textinput, .myAccount .textinput{ width: 240px; border: solid 1px #fff; padding: 3px; margin: 3px; clear: both; float: left;}
textarea { width: 240px; border: solid 1px #fff; padding: 3px; margin: 3px; clear: both; float: left; height: 150px; font-family: Arial, sans-serif; font-size: 12px;}
.contact {float: left; width: 291px; background: #1e1e1e; margin: 3px; padding: 7px 7px 7px 40px; display:inline;border: solid 1px #343a3e;}
.contactform {float: right; width: 294px; background: #1e1e1e; margin: 3px; padding: 5px 5px 5px 35px;border: solid 1px #343a3e;}
.contact p {color: #fff;}
.contact img {width: 260px; padding: 2px; border: solid 1px #df0101; clear: both; float: left;}
.contactform .submitbutton, .contact .submitbutton, .myAccount .submitbutton { background: #222; padding: 4px 7px; color: #fff; font-weight: bold;float: left;  margin: 3px; border: solid 1px #fff;}
.maincontactform .textbox { border: solid 1px #ccc; clear: none;margin:5px 0 0 0;}
.maincontactform .submitButton {background: #222; color: #fff; font-weight: bold; padding: 4px 6px; float: left; margin: 10px 0 10px 180px; border: none;}
.myAccount {float: left; width: 670px; background: #1e1e1e; margin: 3px; padding: 7px 7px 7px 7px; display:inline;border: solid 1px #343a3e;}
.myAccount em {color: #999;}
/*.AccountNav {width:200px;float: left;position:relative;display: inline;border: solid 1px #111; margin-left: 15px;}
.AccountNav ul {margin:0;padding: 0;	list-style-type: none; }
.AccountNav ul li {	float: left;display: inline;width:180px;}
.AccountNav ul li a {float: left;background: #343a3e;	color: #94a4b1;	font-weight: normal;font-size: 14px;	font-weight: bold; text-decoration: none;width:180px; padding: 7px 5px 7px 15px; border-bottom: solid 1px #111;}
.AccountNav ul li a:hover   {background: #2c3235;}*/

.contactpage .left {float: left;}
.contactpage .right, .myAccount .right {float: right;width: 324px; background: #1e1e1e; margin: 3px; padding: 5px 5px 5px 5px;border: solid 1px #343a3e;}
.contactpage .right p, .contactpage .right h2 {color: #ccc;}
.contactpage .right p 
.myAccount .edit {width:220px; float: left;clear: none;}
.textinput, #edit select {float: left; width: 220px;clear:none;}
.edit {float: left; width: 220px; clear: none;}
.edit label {float: left; width: 220px; clear:none;}
.social {float: left; clear: both; width: 105px; padding-left: 35px;}
.social a {margin: 5px 0; float: left; font-size: 11px;}
.report {margin-bottom: 10px; width: 100%; float: left; text-align:right;}
.report a {font-size: 11px;color: #94a4b1;}
.sub {text-align:left; padding-left: 15px;width: 940px; float: left;margin-top: 10px;}
.sub p {width: 340px;float:left;}
.sub p, .sub a {color: #666; font-size: 11px; margin: 0;padding: 0; }
.sub a.geeks {float: right;width: 140px;}
/* SIFR 
------------------------------------------------ */

.sIFR-flash {	visibility: visible !important;margin:0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-flash + div[adblocktab="true"] {	display:none!important;}

.message {color:red; font-weight: bold;margin: 0 0 10px 0;}

.topbanner .RRbanner{width:468px; height:60px; float:right;}