/* $Id: style.css,v 1.7 2005-03-05 14:34:39 unconed Exp $ */



/*

** Global Stylesheet

*

*    This stylesheet contains styles which apply to the jumptv.theme and also 

*    any global styles for the entire site.

*/

body {

  margin: 0;

  padding: 0;

  color: #333333;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  background:#000000 url('../img/theme-bg.jpg') repeat-x;

}



h1, h2, h3, h4, h5, h6 {

  margin-bottom: 0.5em;

}

h1 {

  font-size: 1.3em;

}

h2 {

  font-size: 1.2em;

}

h3, h4, h5, h6 {

  font-size: 1.1em;

}

p {

  margin-top: 0.5em;

  margin-bottom: 0.9em;

}

a {

  text-decoration: none;

  font-weight: bold;

}

a:link {

/*  color: #39c;*/

/*	color: #FF8000;*/

	color: #515f7d;

}

a:visited {

  color: #515f7d;

}

a:hover {

  color: #515f7d;

  text-decoration: underline;

}



UL LI a:link {

  color: #40bfff;

}

UL LI a:visited {

  color: #3e7cbb;

}

UL LI a:hover {

  color: #39c;

  text-decoration: underline;

}



fieldset {

  border: 1px solid #ccc;

}

pre {

  background-color: #eee;

  padding: 0.75em 1.5em;

  font-size: 12px;

  border: 1px solid #ddd;

}

table {

  /* make <td> sizes relative to body size! */

  font-size: 1em;

}

.form-item label {

  font-size: 1em;

  color: #222;

}

.item-list .title {

  font-size: 1em;

  color: #222;

}

.links {

  margin-bottom: 0em;

}

.comment .links {

  margin-bottom: 0em;

}



/*

** Page layout blocks / IDs

*/

#theme_content{

  padding: 0;

  margin: 0;

  border: 0;

  width: 60%;

  height: 100%;

}



#sidebar-left, #sidebar-right {

  /*background-color: #ddd;*/

  /*background:#000000 url(../img/theme-bg.jpg) repeat-x;*/

  width: 20%;

  padding: 10px;

  border-width: 0;

  vertical-align: top;

  height: 100%;

}



/* outer container for all content */

#outer-container {

	margin: 0;

	padding:0;

	width:813px;

	height:100%; /* page height here */

}

#outer-content-holder {

	float: left;

	width:779px;

	margin: 0;

	padding:0;

	background-color:#000000;

}



#outer-content {

	width:773px;

	margin-left: 2px;

}

#outer-admin-container {

	margin: 0;

	padding:0px 5px 0px 5px;

	float:left;

	background-color:#000000;

	vertical-align:top;

}



#outer-left-shadow {

	float: left;

	width: 17px;

	margin:0;

	padding:0;

	background: url('../img/theme-shadow-left.gif') no-repeat;

	height:750px

}

#outer-right-shadow {

	float: right;

	width: 17px;

	margin:0;

	padding:0;

	background: url('../img/theme-shadow-right.gif') no-repeat;

	height:750px

}





/* style for content when Javascript is turned off */

#nojs {

	padding: 15px;

	/* Now shift it away so Firefox does not show it by accident. */

	position: absolute;

	top: -30000px;

}



#header {

  width: 100%;

  background-color: #000;

  height: 50px;

}



.node{

  border: 0;

  padding: 0;

  margin: 0;

}



#main{

  /*height: 760px;*/

  width: 773px;

}



#main_td{

  border: 0;

  padding: 0;

  margin: 0;

  vertical-align: top;

  background: #ffffff; /*used for admin pages*/

}



#footer {

  width: 100%;

  background-color: #000;

  padding: 1em;

  font-size: 0.9em;

  height: 10px;



}



#menu {

  padding: 0.5em 0.5em 0 0.5em;

  text-align: right;

  vertical-align: middle;



}

#primary {

  font-size: 1.0em;

  padding: 0em 0.8em 0.5em 0;

  color: #9cf;

}

#primary a {

  font-weight: bold;

  color: #fff;

}

#secondary {

  padding: 0 1em 0.5em 0;

  font-size: 0.8em;

  color: #9cf;

}

#secondary a {

  font-weight: bold;

  color: #9cf;

}

#search .form-text, #search .form-submit {

  border: 1px solid #369;

  font-size: 1.1em;

}

#search .form-text {

  width: 8em;

  height: 1.4em;

  padding: 0 0.5em 0 0.5em;

  margin: 0 0 0.5em 0;

}

#search .form-submit {

  height: 1.5em;

}

#mission {

  background-color: #369;

  padding: 1.5em 2em;

  color: #fff;

}

#mission a, #mission a:visited {

  color: #9cf;

  font-weight: bold;

}

#site-name {

  margin: 0.6em 0em 0em 0em;

  padding: 0em;

  font-size: 2em;

}

#site-name a:link, #site-name a:visited {

  color: #fff;

}

#site-name a:hover {

  color: #369;

  text-decoration: none;

}



/* logo table cell */

#logo {

  border: 0;

  vertical-align: bottom;

  width: 15%; 

  height: 50px;

}



/* logo image */

#logo IMG{

  border: 0;

  vertical-align: bottom;

  padding: 5px;

  width: 101px;

  height: 60px;



}



#site-slogan {

  text-align: left;

  font-size: 1.1em;

  color: #fff;

  margin: 0em 0em 0em 0em;

  font-weight: bold;

  vertical-align: bottom;

  padding-bottom: 1.5em;

  padding-left: 1em;

}



#login-area {

  /*right: 1em;*/

  padding: 10px;

  color: #fff;

  text-align: right;

  vertical-align: bottom;

  /*width: 30%; */

  width:184px;

  padding-bottom: 20px;

}



#login-area a:link, #login-area a:visited{

    color: #fff;

    text-decoration: underline;

}



#jump_language_menu {

	width: 753px;

	float:both;

	margin: 0px;

	padding: 10px;

	background: #000000 url('../img/jumpLanguageBg.jpg') no-repeat 0px 0px;

}



#jump_language_menu LI{

    background: #333333;

    display: inline;

    width: 20px;

    height: 20px;

    padding-left: 0px;

}

#jump_language_menu UL{

    background: #333333;

    /*width: 100%;*/

	float:left;

	width:623px;

    padding: 0px;

    margin: 0px;

    border: 0px;

}



#jump_language_menu LI A{

    color: #FFFFFF;

}



#jump_language_menu LI A:hover{

    color: #FF8000;

    text-decoration: none;

}



.jump_email_friend_link a, .jump_email_friend_link a:visited {

	float:right;

	margin:0;

	padding:0;

	color:#ffffff;

	font-weight: normal;

	text-decoration:none;

}

.jump_email_friend_link a:hover {

	color:#FF8000;

}



.jump_email_friend_link img {

	padding: 0px 0px 0px 10px;

}





#jump_site_banner {

	margin: 0;

	vertical-align: middle;

	width:468px;

	height:60px;

}





#mission, .comment .content {

  line-height: 1.4;

}

#help {

  font-size: 0.9em;

  margin-bottom: 1em;

}



.messages {

  background-color: #eee;

  border: 1px solid #ccc;

  padding: 0.3em;

  margin-bottom: 1em;

}

.error {

  border-color: red;

}





/*

** Common declarations for child classes of node, comment, block, box, etc.

** If you want any of them styled differently for a specific parent, add

** additional rules /with only the differing properties!/ to .parent .class.

** See .comment .title for an example.

*/

.title, .title a {

  font-weight: bold;

  font-size: 1.3em;

  color: #777;

  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */

}

.submitted {

  color: #999;

  font-size: 0.8em;

}

.links {

  color: #999;

}

.links a {

  font-weight: bold;

}

.block, .box {

  padding: 0 0 1.5em 0;

}

.block {

  border-bottom: 1px solid #bbb;

  padding-bottom: 0.75em;

  margin-bottom: 1.5em;

}

.block .title {

  margin-bottom: .25em;

}

.box .title {

/*  border-top: 4px solid #000000; */

  font-size: 1.1em;  

}



.sticky {

  padding: .5em;

  background-color: #eee;

  border: solid 1px #ddd;

}



.node, .content{

	padding: 0px;

	border: 0px;

	margin: 0px;

}



.node .taxonomy {

  color: #999;

  font-size: 0.8em;

  padding: 1.5em;

}

.node .picture {

  border: 1px solid #ddd;

  float: right;

  margin: 0.5em;

}

.comment {

  border: 1px solid #abc;

  padding: .5em;

  margin-bottom: 1em;

}

.comment .title a {

  font-size: 1.1em;

  font-weight: normal;

}

.comment .new {

  text-align: right;

  font-weight: bold;

  font-size: 0.8em;

  float: right;

  color: red;

}

.comment .picture {

  border: 1px solid #abc;

  float: right;

  margin: 0.5em;

}



/*

** Module specific styles

*/

#aggregator .feed {

  background-color: #eee;

  border: 1px solid #ccc;

  padding: 1em;

  margin: 1em 0 1em 0;

}

#aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {

  color: #999;

  font-style: italic;

  font-size: 0.9em;

}

#aggregator .title {

  margin-bottom: 0.5em;

  font-size: 1em;

}

#aggregator h3 {

  margin-top: 1em;

}

#forum table {

  width: 100%;

}

#forum td {

  padding: 0.5em 0.5em 0.5em 0.5em;

}

#forum td.forum, #forum td.posts {

  background-color: #eee;

}

#forum td.topics, #forum td.last-reply {

  background-color: #ddd;

}

#forum td.container {

  background-color: #ccc;

}

#forum td.container a {

  color: #555;

}

#forum td.statistics, #forum td.settings, #forum td.pager {

  height: 1.5em;

  border: 1px solid #bbb;

}

#forum td .name {

  color: #96c;

}

#forum td .links {

  padding-top: 0.7em;

  font-size: 0.9em;

}

#profile .profile {

  clear: both;

  border: 1px solid #abc;

  padding: .5em;

  margin: 1em 0em 1em 0em;

}

#profile .profile .name {

  padding-bottom: 0.5em;

}

.block-forum h3 {

  margin-bottom: .5em;

}

.calendar a {

  text-decoration: none;

}

.calendar td, .calendar th {

  padding: 0.4em 0;

  border-color: #888;

}

.calendar .day-today {

  background-color: #69c;

}

.calendar .day-today a {

  color: #fff;

}

.calendar .day-selected {

  background-color: #369;

  color: #fff;

}

.calendar .header-week {

  background-color: #ccc;

}

.calendar .day-blank {

  background-color: #ccc;

}

.calendar .row-week td a:hover {

  background-color: #fff; color: #000;

}



a.footie:link, a.footie:visited{

	padding-right: 5px;

	padding-left: 5px;

	border-right: 1px solid;

	color: #ffffff;

}



a.footie2:link, a.footie2:visited{

	padding-left: 5px;

	color: #ffffff;

}



/* The following are styles for an older version of Jump, it is yet to

be decided whether they are still needed */



/*  *  Custom stuff for my tweaking for Jump */



.gtext {

  font-size: 12px;

  color: #333333;

  text-align: justify;

}

.gtext p{

  margin: 5px;

  color: #666666;	

}



.gtext p:first-letter {

  margin-left: 2em;

}



#sidebar-left DIV H2{

   color: #FFFFFF;	

}



TABLE.jump_channel_listing{

	background-color: #414141;

	width: 529px;

	margin-left: 40px;	

}



TABLE.jump_channel_listing TD{

	height: 66px;

	border-top: 1px solid #a0a0a0;

	border-bottom: 1px solid #a0a0a0;

}



TABLE.jump_channel_listing TD.jump_channel_space{

	height: 5px;

    border-top: 0px;

    border-bottom: 0px;	

}



TD.general_td, TD.country_td{

	border-left: 1px solid #a0a0a0;

}



TD.subscribe_td, TD.general_td, TD.country_td{

	border-right: 1px solid #a0a0a0;

}



TABLE.jump_channel_listing TR{

	background-color: #414141;

}







TD.name_td {

	color: #a0a0a0;

	font-size: 10px;	

}



TD.name_td div{

	color: #FFFFFF;

	font-size: 15px;

	font-weight: bold;	

}



TABLE.jump_channel_detail{

	width: 725px;	

	padding: 10px;

}



TD.jump_channel_promo{

	color: #3e3e3e;

	font-size: 13px;

	font-weight: bold;

}



TD.jump_channel_promo span{

	color: #cc6600;	

}



TD.jump_channel_description{

	padding-top: 10px;

	color: #464646;	

}

TD.jump_channel_preview_popular{

	padding-bottom: 10px;

}



TD.jump_channel_infos, TD.jump_channel_infos A:link, TD.jump_channel_infos A:active, TD.jump_channel_infos A:visited{

	font-weight: bold;

	font-size: 10px;

	color: black;

}



TD.jump_channel_infos A:active{

	color: #fe9800;	

}



.jump_channel_order{

	padding-bottom: 20px;	

}



DIV.jump_channel_order_high{

	padding-top: 7px;

    width: 125px;

    text-align: center;

    text-transform: uppercase;    

    font-weight: bold;    

    letter-spacing: -1px;

    color: black;

    font-size: 11px;

    position: absolute;

    margin-left: 21px;

}

DIV.jump_channel_order_price{

	padding-top: 6px;

	width: 43px;

	text-transform: uppercase;

	color: #dd5500;

	font-weight: bold;

	position: absolute;

	margin-left: 145px;

	text-align: right;

	font-size: 11px;

}



DIV.jump_channel_order_subscribe{

	padding-top: 7px;

	width: 155px;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	color: black;

	font-size: 11px;

	position: absolute;

	margin-left: 195px;

}



.jump_channel_order_div, .jump_channel_order_div_o{

	margin-top: 7px;

	margin-bottom: 10px;

	background-image: url('http://demo.jumptv.com/files/images/channels/lp_subscribe.jpg');

	background-position: center;

	background-repeat: no-repeat;

	height: 29px;

	width: 350px;

	color: black;

	font-size: 11px

}



.jump_channel_order_div_o{

	background-image: url('http://demo.jumptv.com/files/images/channels/lp_subscribe_o.jpg');

}





#channel_native_description_link{

	position: relative;

	top: -15px;

	left: 90%;

	color: #fe9800;

}



#channel_native_description_link:active, #channel_native_description_link:hover{

	color: #000000;	

}



#channel_description_link{

	position: relative;

	top: -15px;

	left: 90%;

	display: none;

	color: #fe9800;

}



/* Style for text input fields, also defined in drupal.css */

.form-text{

}



/* Style for error state input field. */

.form-text-error{

	background-color: #fff1f1;

	border: 3px solid #ff8d8e;

}



.form-select{

}



.form-select-error{

	border: 3px solid #ff8d8e;

}



.form-checkbox-error{

	border: 3px solid #ff8d8e;

}



/* Styles for Tooltip based dialogs.  These are used for notifying user of errors. */

.dialog_error_icon, .dialog_warn_icon, .dialog_info_icon{

	float: left; /*  right for rtl */

	background-repeat: no-repeat;

	height: 37px;

	width: 37px;

}

.dialog_error_icon{

	background-image:url('http://demo.jumptv.com/files/images/site/dialog_icons/ErrorIcon.gif'); 

}

.dialog_warn_icon{

	background-image:url('http://demo.jumptv.com/files/images/site/dialog_icons/WarningIcon.gif');

}

.dialog_info_icon{

	background-image:url('http://demo.jumptv.com/files/images/site/dialog_icons/InformationIcon.gif');

}

.dialog_text{

	margin-left: 42px;/*right for rtl */

	margin-right: 12px; /*left for rtl, for close icon */

}

/*Note: ttDialog_close_icon  is specific name required in wz_tooltip.js code */

a.ttDialog_close_icon, a:hover.ttDialog_close_icon{

	position: absolute;

	height: 11px;

	width: 11px;

	right: 0px;

	top: 0px;

	margin-top: 3px;

	margin-right: 7px;/*Account for shadow*/

	

	background-position:  center;

	background-repeat: no-repeat;

	background-image:url('http://demo.jumptv.com/files/images/site/dialog_icons/CloseIcon.jpg');

}

/*Note: ttDialog_close_icon  is specific name required in wz_tooltip.js code */

a:hover.ttDialog_close_icon{

	background-image:url('http://demo.jumptv.com/files/images/site/dialog_icons/CloseIcon_rollover.jpg');

}

.move {
	width: 756px;
	margin-left: 14px;
	padding-top: 20px;