/*********************************************************

Title: Profile.html Master StyleSheet

Designer: MT
Client Name: University of Phoenix - Kate Voegele - Lift Me Up Tour 

***********************************************************/

/* ---- RESET
-----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
table 				{border-collapse:collapse;	border-spacing:0;}
fieldset,img		{border:0;}
ol,ul				{list-style:none;}
caption,th 			{text-align:left;}
h1,h2,h3,h4,h5,h6 	{font-size:100%;font-weight:normal;}
q:before,q:after 	{content:'';}
abbr,acronym 		{border:0;}


/* ---- GENERAL DECLARATIONS
-----------------------------------------------------*/

html, body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

body {	background:url(../images/bg_feature2.jpg) top center no-repeat transparent;}

#wrap,
#mainLayout,
#container {width: 100%; margin:0 !important; padding:0;}

.panel {
	text-align: center;
}

.layout-wrap {
	/* restrains the inside content of each module */
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

h1#pageTitle {display: none;}

#header,
#topnav,
.profileWidth,
#commentContent,
#footer {
	/* sets the width of the profile, and main DIVs inside it */
	width:955px;  
}

#profile, 
#profile td,
a.friendtext:link,
a.friendtext:hover {color:#fff; font-family: 'Arial', 'Helvetica', sans-serif 11px normal normal;} 

a, a:link, a:active, a:visited,a.friendlink:link {color:#fff; text-decoration:none;}
a:hover {color:#fff;text-decoration:underline;}


/* keep the borders around the profile images consistent */
#profile_comments th img,
.friend img {	border: 1px solid #fff;}

.section 			{margin: 0;padding: 0;}
.insidecontent 	{margin: 0 20px; /* sets the side margins of module contents */}

.clear {clear: both;}
.right {float: none;} 


/* ---- TOP NAV
-----------------------------------------------------*/

/* Controls overall Top Navigation div */
#header {
	width: 960px;
	background-color:none !important;
	background-image: none !important;
	filter: none !important;
}

#headerTable,
#headerTable tr,
#headerTable tr td {
	background-color: transparent !important;	
	background-image: none !important;
	margin:0;
	padding:0;
	text-align: center;
}

#headerTable {
	margin: -3px 0 0 0; /* hides the excess pixels from topnav */
}


/* main nav */

#leftNav li *,
#rightNav li * {
	border:none;
	background-color:transparent !important;

	/* sets the color of the top nav links */
	color:#fff !important;
}

#leftNav li a:hover,
#rightNav li a:hover {
	/* sets the hover of the topnav link (optional)*/
	background-color: #032f56 !important;
}

#topNav ul li a small {
	/* change the properties of the down arrow */
	color: #13548e !important;
}

#topnav {
	width: 960px;
	background: none !important;
	filter: none !important;
	margin: 0 auto !important;
}

/* subnav */
#subnav {text-align: left;}

#subnav ul {
	/* do you want a border around your subnav? */
	border: solid 1px #044279;
	background-color: transparent;
}

#subnav ul li {
	border: none;
	background-color:#fff;
	
	/* sets the color of the sub nav links */
	color: #000;
}

#subNav a { color: #000 !important;}

/* Hides the gradient overlay when the 'More' button is in a hover state */
#subNav li a:hover {
	background-color:#efefef !important;
	background-image:none;
}


/* ---- URL + ADD THIS
-----------------------------------------------------*/

#profile_url {
	position: absolute;
	top: 7px;
	margin-left: 650px;
}

* html #profile_url {
	margin-left: -60px;
}

#profile_url a {
	color: #82a1bc;
}

#myspacelink {
	float: left;
	display: inline; 
	margin: 0 5px 0 0;
}

#addthis{
	float: left;
	display: inline; 
	margin: 2px 5px 0 0;
}


/* ---- FEATURE MODULE
-----------------------------------------------------*/

#panel-feature {

	min-width: 960px;
	height:442px;
	text-align: center;
}

#links-profile {
	float: left;
	display: inline;
	text-align: center;
    width: 513px;
    margin: 370px 0 0 30px;
}

#links-profile a {
	float: left;
	display: inline;
}

#www_official {
	width: 191px;
	height: 30px;
	background:url(../images/buttons.png) 0 0 no-repeat transparent;
	margin: 0 0 0 62px;
}
#www_official:hover {background:url(../images/buttons.png) 0 -30px no-repeat transparent;}

#www_yahoo {
	width: 192px;
	height: 30px;
	background:url(../images/buttons.png) -190px 0 no-repeat transparent;
}
#www_yahoo:hover {background:url(../images/buttons.png) -190px -30px no-repeat transparent;}



#heading-contest {
	background:url(../images/text_winanadventure.png) top center no-repeat transparent;
	width: 151px;
	height: 155px;
	float: left;
	display: inline;
	margin: 267px 0 0 47px;
}

#officiallinks a span {
	display: none;
}

/*Contact Box*/
#contactlinks {
    float: left;
    display: inline;
    margin: 0;
    clear: both;
}

#contactlinks a {
    float:left;
    display:inline;  
}

#contactlinks a span {
	display: none;
}

#addToFriends {
	width: 127px;
	height: 23px;
	background:url(../images/buttons.png) -1610px 0 no-repeat transparent;
}
#addToFriends:hover {background:url(../images/buttons.png) -1610px -29px no-repeat transparent;}

#addToGroups {
	width: 126px;
	height: 23px;
	background:url(../images/buttons.png) -1736px 0 no-repeat transparent;
}
#addToGroups:hover {background:url(../images/buttons.png) -1736px -29px no-repeat transparent;}


#forwardToFriends {
	width: 127px;
	height: 23px;
	background:url(../images/buttons.png) -1863px 0 no-repeat transparent;
}
#forwardToFriends:hover {background:url(../images/buttons.png) -1863px -29px no-repeat transparent;}


#addToFavorites {
	width: 127px;
	height: 23px;
	background:url(../images/buttons.png) -1990px 0 no-repeat transparent;
}
#addToFavorites:hover {background:url(../images/buttons.png) -1990px -29px no-repeat transparent;}

#widget-tickets {
	position: absolute;
	margin-left: 693px;
	top: 340px;
	z-index: 1000;
}

* html #widget-tickets {
	margin-left: -40px;
}



/* ---- HD VIDEO
-----------------------------------------------------*/

#panel-hdvideo {
	background:url(../images/bg_hdvideo.jpg) top center no-repeat transparent;
	min-width: 960px;
	height:528px;
}

#videoPlayerContent {
	height: 400px;
}

#buttonwrapper {
	text-align: center;
}

#buttonwrapper a {
	float: left;
}

#buttonwrapper a span {
	display: none;
}


#video_trailer {
	width: 78px;
	height: 29px;
	margin-left: 36px;
	background:url(../images/buttons2.png) -381px 0 no-repeat transparent;
}
#video_trailer:hover {background:url(../images/buttons2.png) -381px -30px no-repeat transparent;}

#video_thedogpark {
	width: 112px;
	height: 29px;
	background:url(../images/buttons2.png) -2219px 0 no-repeat transparent;
}
#video_thedogpark:hover {background:url(../images/buttons2.png) -2219px -30px no-repeat transparent;}

#video_tepui {
	width: 116px;
	height: 29px;
	background:url(../images/buttons2.png) -2334px 0 no-repeat transparent;
}
#video_tepui:hover {background:url(../images/buttons2.png) -2334px -30px no-repeat transparent;}


#video_meetkevin {
	width: 99px;
	height: 29px;
	background:url(../images/buttons2.png) -457px -1px no-repeat transparent;
}
#video_meetkevin:hover {background:url(../images/buttons2.png) -457px -31px no-repeat transparent;}


#video_meetdug {
	width: 99px;
	height: 29px;
	background:url(../images/buttons2.png) -2117px 0 no-repeat transparent;
}
#video_meetdug:hover {background:url(../images/buttons2.png) -2117px -30px no-repeat transparent;}

#video_ditchem {
	width: 84px;
	height: 29px;
	background:url(../images/buttons2.png) -555px -1px no-repeat transparent;
}
#video_ditchem:hover {background:url(../images/buttons2.png) -555px -31px no-repeat transparent;}


#video_upisode_snipetrap {
	width: 156px;
	height: 29px;
	background:url(../images/buttons2.png) -638px 0 no-repeat transparent;
}
#video_upisode_snipetrap:hover {background:url(../images/buttons2.png) -638px -30px no-repeat transparent;}

#video_upisode_firstaid {
	width: 142px;
	height: 29px;
	background:url(../images/buttons2.png) -793px 0 no-repeat transparent;
}
#video_upisode_firstaid:hover {background:url(../images/buttons2.png) -793px -30px no-repeat transparent;}

#video_upisode_animalcalling {
	width: 190px;
	height: 29px;
	background:url(../images/buttons2.png) -935px -1px no-repeat transparent;
	margin: 0 0 0 148px;
}
#video_upisode_animalcalling:hover {background:url(../images/buttons2.png) -935px -31px no-repeat transparent;}


#video_unlikelyheroes {
	width: 205px;
	height: 29px;
	background:url(../images/buttons2.png) -1124px 0 no-repeat transparent;
}
#video_unlikelyheroes:hover {background:url(../images/buttons2.png) -1124px -30px no-repeat transparent;}



#video_pixar3d {
	width: 153px;
	height: 29px;
	background:url(../images/buttons2.png) -1329px 0 no-repeat transparent;
}
#video_pixar3d:hover {background:url(../images/buttons2.png) -1329px -30px no-repeat transparent;}


#video_teasertrailer {
	width: 126px;
	height: 29px;
	background:url(../images/buttons2.png) -1481px 1px no-repeat transparent;
}
#video_teasertrailer:hover {background:url(../images/buttons2.png) -1481px -29px no-repeat transparent;}




/*------------------------

 Common
 
------------------------*/
img {
	border: none;
}

.clear {
    clear:both;
}

#playerwrapper {
	height:450px;
	margin-left: 53px;
}




/*------------------------

 MySpace Post-To
 
------------------------*/
#posttoform {
	float: left;
	display: inline;
	width: 80px;
	line-height: 20px;
}

/*------------------------

 EMBED code 
 
------------------------*/
#sharebox {
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
	width: 330px;
}

#shareContent {
	float: left;
	display: inline;
	width: 40px;
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
}

#embedContent {
	float: left;
	display: inline;
}

#embedCode {
    width: 180px;
    font-family: courier;
    color: #666;
}

/*------------------------

 Standard / HD Video Navigation
 
------------------------*/
#otherVideosContent {
	float: right;
	display: inline;
}

* html #otherVideosContent {
	margin: -3px 0 0 0;
}

#viewsizes {
	float: left;
	display: inline;
	border: none;
}

* html #viewsizes {
	margin: 0 -5px 0 0;
}




/* ---- CONTEST
-----------------------------------------------------*/

#panel-contest {
	background:url(../images/bg_contest.jpg) top center no-repeat transparent;
	min-width: 960px;
	height:607px;
}


/* ---- CHARACTERS
-----------------------------------------------------*/

#panel-characters {
	background:url(../images/bg_characters.jpg) top center no-repeat transparent;
	min-width: 960px;
	height:611px;
}


/* ---- SYNOPSIS
-----------------------------------------------------*/

#panel-synopsis {
	background:url(../images/bg_synopsis.jpg) top center no-repeat transparent;
	min-width: 960px;
	height:613px;
}








/* ---- BOTTOM LAYOUT
-----------------------------------------------------*/
#profileBottom {width: 100%;}


/* ---- FRIENDS 
-----------------------------------------------------*/


#panel-friends {
	background: url(../images/bg_friends.jpg) center top no-repeat;
	min-width: 960px;
	height: 442px;
	text-align: center;
}

#panel-friends img {
	margin-top: 3px;
}

#module-friends {
	text-align: center;
	padding-top: 10px;
}

#module-friends .heading {
	/* hides the xxxx's Friend Space */
	display:none;
}

#profile_friends {
	width:790px;
	margin: 43px 0 0 103px;
	padding: 0;
	text-align: center;
}

.btext,.redtext {padding-bottom: 10px;}

.friend 		{margin: 15px 3px 0 0;}
.friend 	img 	{
	max-width:100px;max-height:100px;
	width:expression((this.width > 100)? ((this.height > 100)? ((this.width/100 < this.height/100)? true : 100) : 100) :true);
	height:expression((this.height > 100)? ((this.width > 100)? ((this.height/100 < this.width/100)? true : 100) : 100) :true);
}


/* ---- FORUMS
-----------------------------------------------------*/


#panel-forums {
	background: url(../images/bg_forums.jpg) center top no-repeat;
	min-width: 960px;
	height:362px;
	text-align: center;
}


#profile_forums {
	width: 810px;
	margin: 73px 0 0 103px;
	padding: 0;
	float: left;
	display: inline;
}

/* forum - post topic | view all topics */
#profile_forums .right a:link, 
#profile_forums .right a:active, 
#profile_forums .right a:visited {
	text-decoration:none;
	font-size:10px;
}

#profile_forums .right a:hover {

	text-decoration:underline;
}

#profile_forums .left {

}

#module-forums .left {
	display:none;
}

#profile_forums th {
	font-weight: bold;
	font-size: 13px;
}

#profile_forums td {
	padding: 4px;
}

/* forum layout fix */
.cols th {   
	width: auto;   
	*width: 100px; 
	padding-right: 5px;
}


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

#panel-comments {
	background: url(../images/bg_comments.jpg) center top no-repeat;
	text-align: center;
}

#panel-comments .heading {
	display:none;
}

#module-comments {
	height: 580px;
	background: url(../images/bg_commentsbox.png) center top no-repeat;
}

#overflow-comments {
	width: 950px;
	height: 520px;
	overflow: auto;
	float: left;
	display: inline;
	margin: 40px 0 0 0;
}

/* 
comments: view/edit all comments 
*/
#profile_comments a:link, 
#profile_comments a:active,
#profile_comments a:visited {
	text-decoration:none;
}


#profile_comments {
	margin: 40px 0 0 88px;
	width: 810px;
	float: left;
	display: inline;
}

.commentdate {
	font-weight: bold;
}



/*--- FOOTER
-----------------------------------------------------*/

/* default footer styling*/
#footer {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	height: 60px;
	
	/* set the color of the link dividers */
	color:#333;
	width: 100%;
}

#footer a {
	text-decoration:none;
	font-weight:normal;
	color: #000;
}

#footer a u {
	text-decoration: none;
}

/*--- PWCs
------------------------*/
/* general PWC */
#pwc_badges,
#pwc_wallpapers,
#pwc_iframe,
#pwc_themes {
	display: none;
}

.ok_button {
	display: none;
}

.pwcCloseButton {
	display:inline; 
	
	position:absolute; 
	top: 40px; 
	right: 20px; 
	
	z-index:9999px;
}

/* wallpaper PWC */

#wallpaperContent {
	background: url(../images/bg_pwc.jpg) no-repeat #fff;
	width: 521px;
	height: 484px;
	color: #000;
}

#wallpaperHolder {
	float: left;
	display: inline;
	margin: 60px 0 0 25px;
}

#wallpaperHolder img {
	border: solid 1px #474747;
}

#wallpaperLinks {
	float: left;
	display: inline;
	width: 521px;
	text-align: center;
	color: #666;
}

#wallpaperLinks h3 {
	color: #000;
	padding: 7px;
}

#wallpaperLinks a {
	font-size: 13px;
	padding: 5px;
}

/* badge PWC */

#badgeContent {
	background: url(../images/bg_pwc.jpg) no-repeat #fff;
	width: 521px;
	height: 484px;
	color: #000;
}

#badgeHolder {
	float: left;
	display: inline;
	margin: 60px 0 0 150px;
}

#badgeHolder img {
	border: solid 1px #474747;
}

.codeCont {
	float: left;
	display: inline;
	margin: 20px 0 0 100px;
}

.codeCont textarea {
	background-color: #fff;
	border: solid 1px #ccc;
	color: #000;
	font-size: 10px;
	width: 330px;
	height: 100px;
}

.codeInst {
	float: left;
	display: inline;
	width: 521px;
	margin: 0;
}

.codeInst ul {
	float: left;
	display: inline;
	text-align: left;
	margin: 20px 0 0 100px;
	list-style-type: disc;
	list-style-position: inside;
}