﻿body,div,ul,ol,li,h1,h2,h3,form,p,input {margin:0;padding:0}
body {font-size:12px;color: #333333;margin-top:0px;font-family:Arial;background-color:#FBFBFB} 
.dark {color:#fbfbfb}
img {border:none}
h1 {font-family:Arial;font-size:14px;font-weight:bold;color:#fbfbfb;margin-bottom:8px}
h2 {font-family:Arial;font-size:14px;font-weight:bold;color:#666666;margin-bottom:8px}
h3 {font-family:Arial;font-size:14px;font-weight:bold;color:#666666;margin-bottom:8px}
p {margin-top:5px}
input {padding-right:5px} 


#page {width:100%;margin-right:auto;margin-left:auto;text-align:center}
.header {clear:both;display:block;background-color:#FBFBFB;height:70px;padding-top:10px; color:#333333; padding-bottom:10px}
.stripe {height:27px;background:url(../images/stripe.jpg)}
.homepageFlash {height:379px;background:url(../images/Tile_Under_Flash.jpg)}
.playerSection {height:351px;background:url(../images/under_screen_bg.jpg)}
.player {height:365px;background:url(../images/Screen_BG_365.jpg) }
.formBG {height:515px;background:url(../images/Screen_BG_515.jpg) repeat-x}

.formBGDash {height:825px;background:url(../images/Screen_BG_515.jpg) repeat-x}
.videoList {height:334px;background-color:#fbfbfb;padding-top:25px}
.videoList a {color:#666666;text-decoration:none}
.videoList a:hover {text-decoration:underline}
.videoInfo {height:120px;background-color:#333333;padding-top:15px; color:#fbfbfb}
.videoInfo h3{font-family:Arial;font-weight:bold;font-size:12px;font-weight:bold;color:#8CC004;margin-bottom:5px}
.Synopsis {height:auto;padding-top:16px;}
.videoSynopsis {width:490px;text-align:right; margin-top:16px}
.videoSynopsis h3{font-family:Arial;font-weight:bold;font-size:14px;color:#8CC004;margin-bottom:6px}
.VideoSynopsisText{direction:rtl;width:420px;color:#666666; font-family:Arial; font-size:12px;float:right; }
.SynopsisSeparator {margin-top:16px; clear:right}

.answers {padding:0px; margin-bottom:20px}
.subAnswers ol {padding-right:20px;font-weight:bold;font-size:10px;color:#7b9d18}
.subAnswers ol li {padding-right:10px; padding-bottom:6px; padding-bottom:6px;}
.subAnswers ol li p {color:#333; font-weight:normal; }
.answers ol {padding-right:23px; font-weight:bold;font-size:12px;color:#7b9d18}
.answers ol li {padding-bottom:6px; padding-top:6px;}
.answers ol li p {color:#333; font-weight:normal; }


.credits {color:#666666}

.categoryBar {clear:both;height:45px;background-color:#666666}
.categoryBar .orderBy {float:left;direction:rtl;color:#fbfbfb;margin-top:14px;width:200px}
.categoryBar .orderBy ul{display:inline;padding: 0px; margin: 0px;margin-left:4px}
.categoryBar .orderBy ul li {display:inline}
.categoryBar .orderBy ul li a {color:#fbfbfb;font-size:12px;text-decoration:none}
.categoryBar .orderBy ul li a:hover {text-decoration:underline}
.videos {background-color:#fbfbfb; color:#333333}

.categoryBar .paging {color:#ffffff; margin-top:14px;float:left;width:400px;direction:rtl;text-align:center;}
.categoryBar .categoryName{float:right;font-size:11pt; font-weight:bold; color:#fbfbfb;margin-top:12px;padding-right:3px; margin-right:0px;width:195px;text-align:right}

.compWidth {width:800px}

.paging ul{display:inline;padding:0px;margin:0px;margin-left:4px}
.paging ul li {display:inline}
.paging ul li a{display:inline-block;color:#fbfbfb;font-size:12px;text-decoration:none;text-align:center}
.paging ul li a.selected{background-color:#fbfbfb;color:#666666;text-decoration:none}
.paging ul li a:hover{text-decoration:underline}
.bottom {padding-bottom:20px; text-align:center}
.bottom ul li a.selected {background-color:#666666;color:#fff}
.bottom ul li a{color:#666;}


.footer {height:auto;background-color:#fbfbfb;padding-top:15px; color:#666666; margin-top:30px; margin-bottom:40px; width:800px}
.footer a {color:#666666;text-decoration:none;text-align:center}
.footer a:hover{text-decoration:underline}
.content {text-align:left;width:800px}
.formContent {width:760px;direction:rtl;background-color:#333333;height:500px;text-align:right;padding:20px;font-weight:normal}
.formContentDash {width:760px;direction:rtl;background-color:#333333;height:825px;text-align:right;padding:20px;font-weight:normal}
.formContent a{color:#fbfbfb; text-decoration:none}
.formContent a:hover {text-decoration:underline}
.formContent h1{font-size:14px;color:#fbfbfb}
.formContent tr{height:24px}
.fieldTitle {font-size:12px; }
.formTextField {font-size:12px;height:18px;}
.formTextField input{background-color:#C8C8C8;border:none;width:145px;height:18px}
.formTextField select{width: 46px; font-size: 10px; background-color: #c8c8c8}
.errorTextField {text-align:right;}
.formErrMessage {font-size:10px;color:Red;margin-right:10px}
.formInstructions {font-size:8pt;color:#fff;margin-right:10px;width:410px}
.formInstructions a{color:#8CC004}
.formSeperator {background:url(../images/Horisontal_Dotted_Separator_dark.jpg) no-repeat;vertical-align:middle;background-position:0px 10px}
.formRegister {margin-top:10px;width:455px;float:right;border:0px;padding-bottom:15px}


.genreList a{float:right}
.genreList {padding-right:0px}

.dashboard {vertical-align:text-top; width:160px}
.dashboardNbs {vertical-align:middle;text-align:center ;width:15px; font-weight:bold} 

.headerInput {font-size:11px;font-family:Arial; border:solid 1px #cccccc; direction:rtl;height:17px;width:124px;vertical-align:middle}
.pass {font-size:11px; width:124px;height:15px}

.homepageBody {width:800; border:0}
.homepageTitle {margin:0px; direction:rtl ;text-align:right; vertical-align:text-top; padding:0px; font-weight:bold; color:#7B9D18; font-size:11pt;}
.homepageTitle a{color:#7B9D18; text-decoration:none}
.homepageTitle a:hover{text-decoration:underline}
 

#registerCode {background:url(../images/Text_Field_For_Code1.jpg);width:441px;height:16px;font-size:12px;padding:8px}
#signIn {width:800px}
#signIn ul{display:inline;padding:0px;margin:0px}
#signIn ul li {display:inline;color:#333333}
#signIn ul li a {color:#333333;font-size:11px;text-decoration:none}
#signIn ul li a:hover {text-decoration:underline}



#signInTopForm {display:inline;margin:0px;padding:0px}
#signInTopForm a{color:#333333;font-size:11px;text-decoration:none}
#signInTopForm a:hover{text-decoration:underline}
#signInTopForm .errMessage{font-size:10px;padding-left:10px;padding-right:10px;color:red}
.signInButton {color:#ffffff; height:17px;padding:0px;margin:0px;width:50px;display:inline-block;margin-right:3px;vertical-align:middle}
.signInClose {height:17px;padding:0px;margin:0px;width:15px;display:inline-block;vertical-align:middle;margin-right:2px}
#signInTopForm .signInButton a{display:block;background-image:url(../images/Login_header_Button.jpg);color:#fff;height:17px;text-align:center;text-decoration:none;font-size:10px;font-family:Arial; vertical-align:middle; background-position:0 0}
#signInTopForm .signInButton a:hover{background-position:0 -17px}
.signInClose a{vertical-align:top; display:block;background-image:url(../images/X_header_Button.jpg);color:#fff;height:17px; width:17px; text-align:center;text-decoration:none;font-family:Arial; vertical-align:middle; background-position:0 0}
.signInClose a:hover{background-position:0 -17px}

.SeparatorWide {background-image:url:(../images/Horisontal_Dotted_Seperator490_4.jpg)}

#forgotPasswordForm {display:inline;margin:0px;padding:0px}
#forgotPasswordForm a{color:#333333;font-size:11px;text-decoration:none}
#forgotPasswordForm a:hover{text-decoration:underline}
#forgotPasswordForm .errMessage{font-size:10px;padding-left:10px;padding-right:10px;color:red}
#forgotPasswordForm .signInButton a{display:block;vertical-align:middle; background-image:url(../images/Login_header_Button.jpg);color:#fff;height:17px;text-align:center;text-decoration:none;font-size:10px;font-family:Arial; vertical-align:middle; background-position:0 0}
#forgotPasswordForm .signInButton a:hover{background-position:0 -17px}

#logos {width:800px;padding:0px}

.TextPage {background-color:#fbfbfb;height:auto; padding:0px; text-align:right; width:800px}
.TextPage a{color:#333;font-weight:bold}
.TextPageInner {width:490px; padding:20px}
.TextPageInner h3 {margin-bottom:0px; color:#333333;font-weight:bold;font-size:14px;}
.TextPageInner h4 {margin-bottom:4px; color:#7b9d18;font-weight:bold;font-size:14px;}
.TextPageInner a {color:#7b9d18;font-weight:bold; text-decoration:underline}


#tblCategories a {text-decoration:none}
#tblCategories a:hover {text-decoration:underline}

.playableVid {position:relative;width:100px;height:100px}
.playableVid .vidImage{position:absolute;top:0px;right:0px;z-index:10}
.playableVid .playVid{position:absolute;top:85px;right:58px;z-index:100;height:23px;width:27px;background:url(../images/Play_Button.gif);background-position:0 0;border:none; cursor:pointer}
.playableVid .playVid:hover {background-position:0 -23px}
.playableVid .infoVid{position:absolute;top:85px;right:58px;z-index:100;height:23px;width:27px;background:url(../images/Info_Button.gif);background-position:0 0;border:none; cursor:pointer}
.playableVid .infoVid:hover {background-position:0 -23px}
	
#topMenu {margin-top:0px; width:407px;height:27px;z-index:9997}
#topMenu ul{padding: 0px; margin: 0px;float:right}
#topMenu ul li {display: inline}
#topMenu ul li a {float: left;padding-top: 27px; height: 0px;overflow:hidden} 
#topMenu ul li a {background-image: url(../images/All_Menus.gif); background-repeat: no-repeat;} 

#topMenu ul li#samplevid a{background-position: 0px 0px;width:83px} 
#topMenu ul li#samplevid a:active, #topMenu ul li#samplevid a:hover{background-position: 0px -27px} 
#topMenu ul li#allgenre a{background-position: -83px 0px;width:98px} 
#topMenu ul li#allgenre a:active, #topMenu ul li#allgenre a:hover{background-position: -83px -27px}
#topMenu ul li#allvideos a{background-position: -182px 0px;width:78px} 
#topMenu ul li#allvideos a:active, #topMenu ul li#allvideos a:hover{background-position: -182px -27px}
#topMenu ul li#home a{background-position: -260px 0px;width:48px} 
#topMenu ul li#home a:active, #topMenu ul li#home a:hover{background-position: -260px -27px} 

/* SELECTED IN PAGE */
.samplevid#topMenu ul li#samplevid a {background-position: 0px -54px;}
.allgenre#topMenu ul li#allgenre a {background-position: -83px -54px;}
.allvideos#topMenu ul li#allvideos a {background-position: -182px -54px;}
.home#topMenu ul li#home a {background-position: -260px -54px;}

.actionButton{display:block;cursor:pointer;text-decoration:none} 
.actionButton .actionButtonLeft{display:block;background: url(../images/General_Button_Caps.jpg) no-repeat 0px 0px;float:left;width:5px;height:25px} 
.actionButton .actionButtonText{padding-right:8px;display:block;padding-left:8px;font-weight:normal;font-size:10pt;background:url(../images/General_Button_Tile.jpg) 0px 0px;float:left;padding-bottom:0px;color:#ffffff;padding-top:3px;font-family:Arial;height:22px;text-decoration:none} 
.actionButton .actionButtonRight{display:block;background: url(../images/General_Button_Caps.jpg) no-repeat -5px 0px;float:left;width:5px;height:25px}
.actionButton:hover .actionButtonLeft{background: url(../images/General_Button_Caps.jpg) no-repeat 0px -25px}
.actionButton:hover .actionButtonText{text-decoration:underline;background:url(../images/General_Button_Tile.jpg) 0px -25px;}
.actionButton:hover .actionButtonRight{background: url(../images/General_Button_Caps.jpg) no-repeat -5px -25px}

#userName {color:#333333;font-size:11px}
.vidTitleLink {COLOR: #7B9D18;FONT-WEIGHT: bold;FONT-SIZE: 14px;FONT-WEIGHT: bold;text-decoration:none}
.vidTitleLink:hover{text-decoration:underline}

.dashTextField {font-size:12px;background-color:#C8C8C8;border:none;width:250px;height:25px}

