/*This css file contains all codes for contructing page layout for 76vdo website*/
* {
	padding:0px; margin:0px;
}
body {
	text-align:center;
	background-color: #000000;
	font-family: Tahoma "MS Sans Serif", Geneva, sans-serif;
}
#page {
	position: relative;
	background-color: #FFFFFF;
	width:1004px;
	margin: 0px auto;
	text-align:left;
}
#header {
	position: relative;
	height: 190px;
	background: url(../images_layout/header_bg.gif) no-repeat;
}
#header_inside {

}
#header li {
	display: inline;
}
#header a {
	text-decoration: none;
}
#main_menu {
	font-size: 14px;
	position: absolute;
	top:5px;
}
#main_menu li {
	list-style: none;
	padding: 3px 20px;
	border-left: solid 1px #999999;
}
#main_menu li:first-child {
	border-left: none;
}
#main_menu a {
	color: #999999;
}
#main_menu a:hover {
	color: #FFFFFF;
}
#signin_form {
	float: right;
	padding: 4px;
}
#login_field, #password_field {
	width: 130px;
}
#signin_button {
	width:50px;
	font-size: 12px;
}
#logo {
	position: absolute;
	top: 40px;
	left: 20px;
	width:230px;
	height: 135px;
	background-image: url(../images_layout/76videodo_logo.gif);
	text-indent: -9999px;
	display: block;
}
#logo a {
	width:230px;
	height: 135px;
	border: none;
	display: block;
}
#header_728x90ad {
	position: absolute;
	top:35px;
	right:5px;
	z-index: 99;
	width: 728px;
	height: 90px;
}
#section_menu {
	position: absolute;
	top: 130px;
	right: 30px;
	font-size: 16px;
}
#section_menu li{
	padding:0px 25px;
}
#section_menu a, a:active, a:visited {
	color: #339900;
}
#section_menu a:hover {
	color: #336600;
}
#service_menu {
	position: absolute;
	top:150px;
	right: 0px;
	width: 439px;
	height: 40px;
}
#service_signup_button {
	position: absolute;
	left: 289px;
	width: 150px;
	height: 40px;
	background-image: url(../images_layout/service_signup_button_off.gif);
	text-indent: -9999px;
}
#service_signup_button a {
	width:150px;
	height:40px;
	display: block;
}
#service_signup_button a:hover {
	background-image: url(../images_layout/service_signup_button.gif);
}
#service_podcast_button {
	position: absolute;
	left: 0px;
	width: 175px;
	height: 40px;
	background-image: url(../images_layout/service_podcast_button_off.gif);
	text-indent: -9999px;
}
#service_podcast_button a {
	width:175px;
	height:40px;
	display: block;
}
#service_podcast_button a:hover {
	background-image: url(../images_layout/service_podcast_button.gif);
}
#service_rss_button {
	position: absolute;
	left:175px;
	width:114px;
	height: 40px;
	background-image: url(../images_layout/service_rss_button_off.gif);
	text-indent: -9999px;
}
#service_rss_button a {
	width:114px;
	height:40px;
	display: block;
}
#service_rss_button a:hover {
	background-image: url(../images_layout/service_rss_button.gif);
}
#sidemenu {
	width:185px;
	float: left;
	margin-bottom: 15px;
}
#sidemenu_inside {
	padding-left: 0.5em;
	padding-right: 0.2em;
}
#sidemenu_inside h3 {
	margin-top: -5px;
	color: #333333;
	font-size:18px;
}
#sidemenu_inside ul {
	margin:10px 0px 20px 5px;
}
#sidemenu_inside li {
	font-size: 14px;
	height: 22px;
	list-style: none;
	padding-left: 10px;
	background: url(../images_layout/bullet_sidemenu.gif) no-repeat 0 50%;
}
#sidemenu_inside a {
	color: #666666;
	text-decoration: none;
}
#sidemenu_inside a:hover {
	color: #66CC00;
}

#sidemenu_inside span {
color:#63CF00;
font-size:10px;
font-weight:bold;
}
#content {
	float:right;
	width:819px;
}
#footer {
	clear: both;
	background-color: #66CC00;
}
#footer_inside {
	padding: 10px;
	height: 500px;
	position: relative;
}
.footer_box {
	float: left;
	padding-left: 10px;
	width: 130px;
}
.footer_box h4 {
	color: #FFFFFF;
	font-size: 18px;
}
.footer_box ul {
	margin-top: 5px;
}
.footer_box li {
	list-style: none;
	list-style-position: outside;
	text-indent: 0.5em;
	font-size: 12px;
	line-height: 1.7em;
}
.footer_box a {
	text-decoration: none;
	color: #FFFFFF;
}
.footer_box a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer_box a:hover {
	text-decoration: underline;
}
#copyright76 {
	position: absolute;
	top: -125px;
	right: 0px;
	width: 282px;
	height: 525px;
	background-image: url(../images_layout/76vdo_footer.gif);
	text-indent: -9999px;
}
#footer_nationlinks {
	text-align: center;
	background: #66CC00;
}
#footer_nationlinks h6 {
	font-size: 14px;
}
#footer_nationlinks ul {
	list-style: none;
	font-size: 12px;
	background: #390;
	margin: 0px;
	padding: 0px;
}
#footer_nationlinks ul li {
	display: inline;
	padding: 3px 5px;
	margin: 4px;
	line-height: 20px;
}
#footer_nationlinks ul li a, #footer_nationlinks ul li a:visited {
	text-decoration: none;
	color: #FFF;
}
#footer_nationlinks ul li a:hover {
	text-decoration: underline;
}

#footer_inside ul span {
color:#319A00;
font-size:10px;
font-weight:bold;
}

#footer_inside h4 span {
color:#319A00;
font-size:14px;
font-weight:bold;
}

#mainvdo {
	background-color: #66CC00;
	width:819px;
	min-height: 310px;
	overflow: auto;
}
body#catagory_page #mainvdo {
	background: url(../images_layout/mainvdo_bg_catagorypage.gif) repeat-y;
}
body#province_page #mainvdo {
	background: url(../images_layout/mainvdo_bg_provincepage.gif) repeat-y;
}
#mainvdo p {
	font-size: 12px;
}
#mainvdo img {
	float: left;
	border: 0px;
	padding: 0.4em;
}
#mainvdo a {
	color: #000000;
	text-decoration: none;
}
#mainvdo a:hover {
	text-decoration: underline;
}
#hilightvdo1 {
	width:575px;
	float:left;
}
#hilightvdo1 img {
	float: left;
}
#hilightvdo1 h2 {
	margin-left: 370px;
	padding-bottom: 10px;
}
#hilightvdo1 h4{
	margin-top: 10px;
	color: #FFFFFF;
}
#hilightvdo2 {
	width:230px;
	float: right;
	border-left: solid 1px #99FF33;
	min-height: 310px;
}
#hilightvdo2 h5 {
	font-size: 12px;
	margin-left: 105px;
	margin-bottom: 10px;
}
#hilightvdo2 img {
	float: left;
	margin-left: -105px;
	margin-bottom: 10px;
}
#hilightvdo2 p {
	margin-left: 110px;
	margin-bottom: 10px;
}
#province_header {
	float: right;
	width: 238px;
	height: 310px;
	background-color: #000000;
}
#province_header img {
	padding:0;
}
#catagory_header {
	float: right;
	width: 238px;
	height: 310px;
	background-color: #000000;
}
#catagory_header img {
	padding:0;
}
#subcontent {
	width:819px;
	position: relative;
}
#vdo {
	width:507px;
	float: left;
	margin-bottom: 30px;
}
#vdo h6 {
	color: #66CC00;
	font-size: 14px;
	margin-bottom: 10px;
}
#vdo p {
	font-size: 12px;
}
#vdo a {
	color: #66CC00;
	text-decoration: none;
}
#vdo a:hover {
	color: #66CC00;
	text-decoration: underline;
}
#vdo_player {
	width: 507px;
	height: 417px;
	background-color: #999999;
}
#vdo_info {
	padding: 3px;
}
#vdo_new {
	text-indent:-9999px;
	height: 22px;
	margin:5px 0px;
	background: url(../images_layout/vdoheader_vdo_new.gif) no-repeat;
}
#vdo_new a {
	width: 500px;
	display: block
}
#vdo_past {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_past.gif) no-repeat;
}
#vdo_past a {
	width: 500px;
	display: block
}
#vdo_popular {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_popular.gif) no-repeat;
}
#vdo_popular a {
	width: 500px;
	display: block
}
#vdo_north {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_north.gif) no-repeat;
}
#vdo_north a {
	width: 500px;
	display: block
}
#vdo_northeast {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_northeast.gif) no-repeat;
}
#vdo_northeast a {
	width: 500px;
	display: block
}
#vdo_east {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_east.gif) no-repeat;
}
#vdo_east a {
	width: 500px;
	display: block
}
#vdo_central {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_central.gif) no-repeat;
}
#vdo_central a {
	width: 500px;
	display: block
}
#vdo_south {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin-top:15px;
	margin-bottom: 5px;
	background: url(../images_layout/vdoheader_vdo_south.gif) no-repeat;
}
#vdo_south a {
	width: 500px;
	display: block
}
#vdo2 {
	clear: both;
	width:300px;
	margin: 0px auto 5px;
}
#vdo2 img {
	border: none;
	float: left;
	margin: 0px 5px 5px 0px;
}
#vdo2 a {
	text-decoration: none;
	color: #66CC00;
}
#vdo2 a:hover {
	text-decoration: underline;
}
#vdo_related {
	clear: left;
	text-indent:-9999px;
	height: 22px;
	margin:5px 0px;
	background: url(../images_layout/vdoheader_vdo_related.gif) no-repeat;
}
#vdo2 h6 {
	font-size: 12px;
}
#vdo2 p, #vdo2 h6 {
	margin-left: 105px;
}
#vdo2 p {
	font-size: 12px;
	margin-bottom: 10px;
}
#vdo2 h6 img {
	float: left;
	margin-left: -105px;
}
.vdo_section {
	width: 507px;
	margin-bottom: 10px;
}
.vdo_province {
	width:502px;
	height: 21px;
	margin-bottom: 5px;
	padding-left: 5px;
	background: url(../images_layout/provinceheader_bg.gif) repeat-y;
}
.vdo_province a {
	color: #FFFFFF !important;
	text-decoration: none;
	width: 500px;
	display: block
}
.vdo_province a:hover {
	color: #FFFFFF !important;
	text-decoration: none !important;
}
#section_province {
	width: 300px;
	margin: 0px auto;
	background: url(../images_layout/sectionheader_bg.gif) no-repeat;
}
#section_province ul {
	margin-left: 15px;
	margin-top: 10px;
}
#section_province li {
	font-size: 16px;
	line-height: 2em;
	list-style: none;
}
#section_province ul a {
	text-decoration: none;
	color: #333333;
}
#section_province ul a:hover {
	text-decoration: underline;
}
.vdo_box {
	position: relative;
	width:120px;
	float: left;
	padding: 1px;
	margin-right: 3px;
}
.vdo_box img {
	border:none;
}
.vdo_box a {
	text-decoration: none;
	color: #66CC00;
}
.vdo_box a:hover {
	text-decoration: underline;
}
#morevdo_navigation {
	float: right;
	margin: 10px 30px 10px auto;
	color: #333333;
}
#morevdo_navigation p {
	font-size: 12px;
}
#morevdo_navigation a {
	text-decoration: none;
	color:#66CC00;
}
#morevdo_navigation a:hover {
	text-decoration: underline;
}
#blog ul {
	margin:0 0 30px 10px;
	padding:0;
	list-style: none;
}
#blog li {
	margin:0;
	padding-left:15px;
	font-size: 0.7em;
	line-height: 2.5em;
	background: url(../images_layout/bullet_blog.gif) no-repeat 0 50%;
}
#blog a {
	text-decoration: none;
	color:#333333;
}
#blog a:hover {
	color:#FF9900;
	text-decoration: underline;
}
#blog_localblog {
	clear: right;
	text-indent:-9999px;
	height: 22px;
	margin-top:15px;
	margin-bottom: 5px;
	background: url(../images_layout/blogheader_localblog.gif) no-repeat;
}
#etc {
	float: right;
	width:312px;
	margin:5px 0px 10px 0px;
}
#search_form {
	float: right;
	margin-bottom: 5px;
}
#search_button {
	width:50px;
	height: 20px;
	font-size: 0.6em;
	margin-right: 5px;
}
#etc_300x250ad {
	clear:both;
	width:300px;
	margin: 0px auto 5px;
}
#etc_weblog {
	width:300px;
	margin: 0px auto 5px;
	background-color:#FF9900;
}
#etc_weblog_inside {
	padding: 3px;
}
#etc_weblog_inside h4 {
	width:294px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images_layout/weblog_header.gif) no-repeat;
}


#etc_weblog_inside ul {
	margin:0 0 30px 10px;
	padding:0;
	list-style: none;
}
#etc_weblog_inside li {
	margin:0;
	padding-left:15px;
	font-size: 0.7em;
	line-height: 2.5em;
	background: url(../images_layout/bullet_blog.gif) no-repeat 0px 10px;
}
#etc_weblog_inside a {
	text-decoration: none;
	color:#333333;
}
#etc_weblog_inside a:hover {
	color:#FF9900;
	text-decoration: underline;
}


#weblog_footer {
	width:294px;
	height: 70px;
	text-indent: -9999px;
	background: url(../images_layout/oknation_footer.gif) no-repeat;
}
#etc_localblogger {
	width:300px;
	margin: 0px auto 5px;
	background-color:#FF9900;
}
#etc_localblogger_inside {
	padding: 3px;
}
#etc_localblogger_inside h4 {
	width:294px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images_layout/localblogger_header.gif) no-repeat;
}
#etc_breakingnews {
	width:300px;
	margin: 0px auto 140px;
	background-color: #FFCC00;
}
#etc_breakingnews_inside {
	padding: 3px;
}
#etc_breakingnews_inside h4 {
	width:294px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images_layout/breakingnews_header.gif) no-repeat;
}

#etc_breakingnews_inside ul {
	list-style: none;
	padding-left: 8px;
}
#etc_breakingnews_inside li {
	font-size: 12px;
	font-weight: bold;
	color: red;
	padding: 10px 0px;
	height:25px;
}
#etc_breakingnews_inside li span {
	width: 60px;
	height: 30px;
	float: left;
}
#etc_breakingnews_inside a, #etc_breakingnews_inside a:visited {
	color: #000;
}
#etc_breakingnews_inside ul li a, #etc_breakingnews_inside ul li a:visited {
	font-weight: normal;
}

#breakingnews_footer {
	width:294px;
	height: 70px;
	text-indent: -9999px;
	background: url(../images_layout/nationgroup_footer.gif) no-repeat;
}
p.navigation {
	color: #66CC00;
	float: left;
	margin-bottom: 10px;
}
p.dateposted {
	color: #66CC00;
	float: right;
	margin-bottom: 10px;
}
p.rating {
	color: #66CC00;
	float: left;
	margin-bottom: 5px;
}
p.views {
	color: #66CC00;
	float: right;
	margin-bottom: 5px;
}
#comment {
	padding: 3px;
	margin-top: 10px;
	border: solid 1px #66CC00;
}

#comment h6 {
	color: #FFFFFF;
	background-color: #66CC00;
	padding: 3px;
}
p.comment_name {
	font-weight: bold;
}
p.comment_text {
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 15px;
	padding: 10px 0px;
}
#vdo_sidebar {
	float: right;
	width:312px;
	margin-top:0px;
	/*margin-bottom: 10px;*/
	margin-bottom: 125px;
}
#user_info {
	width: 300px;
	margin: 0px auto 5px;
	background-color: #CCCCCC;
}
#user_info_header {
	padding: 5px;
	height: 60px;
	background: url(../images_layout/userinfo_headerbg.gif) repeat-y;
}
#user_info_header img {
	float: left;
	padding-right: 5px;
}
#user_info_header p {
	font-size: 0.7em;
}
#user_description {
	clear: left;
	padding: 5px;
}
#user_description p {
	font-size: 14px;
	line-height: 1.8em;
}
#vdo_description {
	clear: left;
	padding: 5px;
}
#vdo_description p {
	font-size: 14px;
	line-height: 1.8em;
}
.clear_both {
	clear: both;
}
fieldset {
	border: none;
}
/* -------- application form ---------*/
#application_form {
	float: left;
	width: 500px;
	height: 570px;
	padding: 15px;
	background: url(../images_layout/applicationform_bg.jpg) top right no-repeat #9CFF31;
}
#application_form p {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px
}
#application_form label {
	font-size: 12px;
	color: #333;
}
#application_form label input[type="radio"]{
	margin-left: 10px;
	margin-top: 3px; 
}
#suggestion_help {
	float: left;
	width: 265px;
	padding: 10px;
	background: #63CF00;
	color: #FFF;
}
#suggestion_help h3 {
	font-size: 20px;
}
#suggestion_help h5 {
	margin: 5px 0px;
}
#suggestion_help p {
	font-size: 14px;
	padding: 5px 0px;
	color: #333;
}
#suggestion_help strong {
	color: #9CFF31;
}
#suggestion_help ol, #suggestion_help ul {
	margin-left: 25px;
}
#suggestion_help li {
	font-size: 14px;
	margin: 5px 0px;
	color: #333;
}
#suggestion_help a, #suggestion_help a:visited {
	color:#333;
}
#suggestion_help a:hover {
	color: #FFF;
}

#sayhi {
	background: #66CC00;
	color: #FFF;
	width: 160px;
	margin-bottom: 20px;
	border: 1px solid #66CC00;
	position: relative;
}
#sayhi h3 {
	padding: 5px;
	color: #FFF;
}
#sayhi h3 span {
	width: 88px;
	height: 88px;
	background: url(../images_layout/sayhi_icon.gif);
	position: absolute;
	top: -46px;
	right: -4px;
	text-indent: -9999px
}
#sayhi p {
	font-size: 14px;
	padding: 5px;
	color: #333;
	background: #FFF;
	line-height: 20px;
}
#sayhi p a {
	font-weight: normal;
}
#linklink {
	background: #66CC00;
	color: #FFF;
	width: 160px;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid #66CC00;
	position: relative;
}
#linklink h3 {
	padding: 5px;
	color: #FFF;
}
#linklink h3 span {
	width: 88px;
	height: 88px;
	background: url(../images_layout/linklink_icon.gif);
	position: absolute;
	top: -60px;
	right: 0px;
	text-indent: -9999px
}
#linklink ul {
	background: #FFF;
	padding: 5px;
	padding-left: 0px;
	margin: 0px;
}
#linklink ul li {
	font-size: 12px;
	margin-left: 3px;
}
#77_468x60_inner {
	margin-top: 10px;
	margin-bottom: 10px;
}