/*----------------------------------------
Name: global.css
Developed by: SRP
Date Created: 
Last Updated: 
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("../css/fonts.css");
@import url("/css/reset.css");
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body
{
	margin-top: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color: #616161;
}

p
{
	margin: 0 0 1em 0;
}
   
a:link, a:visited
{
	color: #608cba;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active
{
	color:#5C8127;
	text-decoration: underline;
	font-weight: bold;
}

img
{
	outline: none;
	border: 0px;
}

a img 
{
	border: 0px;
	outline: none;
}

h1
{
	color: #616161;
	margin:.825em 0 .25em 0;
	font-size: 1.25em;
	font-family: Helvetiker, Arial, Helvetica, sans-serif;
}

h2
{
	color: #728F2C;
	font-size: 2em;
	margin: .75em 0 .75em 0;
	font-family: Helvetiker, Arial, Helvetica, sans-serif;
}

h3
{
	color: #728F2C;
	font-size: 2em;
	margin: .75em 0 .25em 0;
	font-family: Helvetiker, Arial, Helvetica, sans-serif;
}

h4
{
	color:#616161;
	margin: 0 0 .75em 0;
	font-size: 1em;
	line-height: 1.5;
	font-family: Helvetiker, Arial, Helvetica, sans-serif;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color: #667F27;
	margin: 0 0 0 0;
	font-size: 1em;
	font-family: Helvetiker, Arial, Helvetica, sans-serif;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}


input {
	width: 95%;
	border: 1px solid #acacac;
	color: #919191;
	font-style: italic;
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}



/* Custom Classes 
----------------------------------------*/
.black 
{
	color: #616161;
	font-size: 1.10em !important;
	line-height: 1.25em;
}

.green
{
	color: #FFFFFF;
	background-color: #EC9418;
	padding: 2px 4px 2px 4px;
}

.red
{
	color: #FF0000;
}

.warning
{
	border: 1px dashed #FF0000;
	background-color: #f0f0f0;
	padding: 10px 10px 0 10px;
	color: #000000;	
}

.warning p
{
	color: #000000;	
}


.box_shadow 
{
     -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */
}

.dailytop10 li
{
	font-weight: bold;
}

.transparent
{
	filter: alpha(opacity=30); /* older versions of IE */
	-moz-opacity: 0.3; /* older versions of Mozilla and Netscape */
	-khtml-opacity: 0.3; /* older versions of Safari */
	opacity: 0.3; /* works with all newer browsers */
}

.wordcount 
{
	color: #a0a0a0;
}



/* Homepage Headers
----------------------------------------*/
/* Green */
.mainHeaders {
	height: 35px;
	padding: 10px 0 0 10px;
	background-color: #FFFFFF;
	background-image: url(../images/green_header.gif);
	background-repeat: no-repeat;
	border-bottom: 0px !important;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
}

/* Blue */
.mediaHeaders {
	width: 300px;
	height: 35px;
	padding: 10px 0 0 10px;
	background-color: #FFFFFF;
	background-image: url(../images/blue_header_bar.png);
	background-repeat: no-repeat;
	border-bottom: 0px !important;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
}

/* Yellow/Contest */
.contestHeaders {
	height: 35px;
	padding: 10px 0 0 10px;
	background-color: #FFFFFF;
	background-image: url(../images/pet_contest_header.jpg);
	background-repeat: no-repeat;
	border-bottom: 0px !important;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #be4316;
}


/* Main Container - Holds and center-aligns everything!
----------------------------------------*/
#mainContainer
{
	width: 960px;
	margin: 0px auto;
}


/* Header
----------------------------------------*/
#header
{
	width: 960px;
	height: 100px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;	
}

/* Nav
----------------------------------------*/
#nav 
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/* Search
----------------------------------------*/
#search
{
	margin-top: -17px;
	margin-left: 89px;
}

#search input.text{
   font-style: normal;
   width: 170px;
   padding: 2px 0 2px 2px;
}

#search input.button{
   font-style: normal;
   width: 100px;
   padding: 1px 0 2px 0;
}

#searchArticles /* Search ID for search inserted as content elements */
{
	padding: 10px 0 10px 0;
	/*background-color: #e5eef5;*/
}
	
#searchArticles input.text{
   font-style: normal;
   width: 170px;
   padding: 2px 0 2px 2px;
}

#searchArticles input.button{
   font-style: normal;
   width: 100px;
   padding: 1px 0 2px 0;
}

.highlight {
	padding: 1px 3px 1px 3px;
	color: #000000;
	background-color: #e9c266;
	font-weight: bold;
}

.url
{
	font-style: italic;
	margin-bottom: 2em;
}

.context 
{
	margin-bottom: 6px;
}



/* Video Content - Home Page
----------------------------------------*/
.videoContents
{
	background-color: #F7F7F7;
}

.videoContents h1
{
	color: #333333;
}

.bgopacity 
{
	opacity: 0.8;
}

.textontop p
{
	color: #333333 !important;
	line-height: 1.25em;
	background-color: transparent;
	opacity: 5.0 !important;
}

.textontop
{
	padding-top: 15px;
}

.imageontop img
{
	background-color: transparent;
	opacity: 8.0 !important;
}

.imageontop
{
	width: 392px;
}

/* Ticker
----------------------------------------*/
#tickerContainer
{
	width: 960px;
	padding: 0;
	background-color: #DCDEE1;
	background-image: url(../images/ticker_bg.gif);
	text-align: center;
}

#ticker
{
	list-style-type: none;
	padding-top: 8px;
	text-align: center;
}

#ticker li
{
	text-align: center;
}


/* Main Content
----------------------------------------*/
#mainContent
{
	width: 960px;
	padding: 20px 0 0 0;
}


/* Mini Divs
---------------------------------------*/
#miniDivs
{
	padding: 0px;
	width: 290px;
	height: auto;
	background-color: #e9e9dd;
	background-image: url(../images/div_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #d9d9d9;
}

#miniContainerLeft
{
	float: left;
	width: 312px;
	margin: 0 0 30px 0;
	padding-right: 2px;
	padding-left: 2px;
}

#miniContainerMiddle
{
	float: left;
	width: 312px;
	margin: 0 5px 30px 5px;
	padding-right: 2px;
	padding-left: 2px;
	/*background-color: #f0f0f0;*/
}

#miniContainerRight
{
	float: left;
	width: 312px;
	margin: 0 0 30px 0;
	padding-right: 2px;
	padding-left: 2px;
}

#mini_content_margin
{
	margin-top: 5px;
	padding-left: 10px;
	width: 285px;
}

#mini_content_margin p
{
	font-size: .875em;
	line-height: 1.5em;
}

/* MyPetLIFE Login Box
----------------------------------------*/
#LoginBox
{
	width: 450px;
	height: 55px;
	margin-top: 3px;
	padding: 8px 0 0 8px;
	background-color: #EFF8FF;
	border: 1px dashed #5CA8B7;
}

#LoginBox input[type="text"], input[type="password"]
{
	float: left;
	width: 25%;
	font-style: normal;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 3px;
	border-color: #5CA8B7;
	background-color: #FFFFFF;
}

#LoginBox input[type="submit"], input[type="button"]
{
	float: left;
	width: 20%;
	padding: 4px;
	margin-top: 2px;
	background-color: #F7C936;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 2px;
	margin-right: 3px;
	border-color: #FFFFFF;
}



div#tmpSlideshow {
    height: 341px;
    width: 310px;
    background-color: #F6F6F6;
}
div.tmpSlide {
    width: 280px;
    height: 300px;
    display: none;
}
/* div.tmpSlide img {
    width: 280px;
} */

div#tmpSlideshowControls {

background-color: #396EA4;
width: 70px;
position: static;

}


div.tmpSlideshowControl {
    float: left;
    font-family:  Arial, Helvetica, sans-serif;
    width: 18px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
position: relative;
top: 50%;
left: 70%;



}
div.tmpSlideshowControl span {
    vertical-align: middle;

}
div.tmpSlideshowControlOn {
    background-image: url('tl_files/images/FeatureOver.png');
}
div.tmpSlideshowControlActive {
	font-family: Arial, Helvetica, sans-serif;
	color: #354a42;
	background-color: #CFF;	
}

#LoginBox2
{
	float: left;
	width: 200px;
	height: 251px;
	margin-top: -1px;
}

#LoginBox2 p
{
	color: #FFFFFF;
}

ul#sliding
{
	list-style-type:  none;
}

li#sliding
{
	width:  380px;
}

ul#dailyDish
{
	margin-left: 3px;
}

/* Footer
----------------------------------------*/
#footer
{
	margin-top: 50px;
	width: 960px;
	height: 100px;
}

#footer p 
{
	font-size: .825em;
	line-height: 1.5em;
	text-align: center;
}