﻿/* MASTER CSS FILE */

/* ALL PAGES SUPER-STRUCTURE */

@import "navigation/dropdown.css";
@import "navigation/default.ultimate.css";

body
{
	background-color:#ebebeb;
	margin:0px;
	font-family:Arial;	
	background-image:url(../../images/top.png);
	background-repeat:repeat-x;
	background-position:top;
	/*background: #4c4c4c url(../navigation/css/dropdown/themes/mtv.com/images/grad1.png) 0 0 repeat-x;*/
}

ol
{
	padding-left:20px;
}

.artBody
{
	background-color:#ebebeb;
	background-image:url(../../images/learningLab/artist/)
	margin:0px;
	font-family:Arial;	
}
.mainLeftGutter
{
	width:50%;
}
.mainLeftShadow
{
	width:24px;
	background-image:url(../../images/leftGutter2.png);
	background-repeat:repeat-y;
}
.mainRightGutter
{
	width:50%;
}
.mainRightShadow
{
	width:23px;
	background-image:url(../../images/rightGutter2.png);
	background-repeat:repeat-y;
}
.mainTable
{
	min-width:1000px;
	max-width:1000px;
	width:1000px;
	background-color:#FFFFFF;
	vertical-align:top;
}

/* MAST HEAD */
.header
{
	width:1000px;
	background-color:#ffffff;
	height:125px;
	background-image:url(../../images/header.png);
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:top;	
}

.headerLogo
{
	width:500px;
	padding-top:20px;
	padding-left:10px;
	float:left;
}

.headerSearch
{
	width:450px;
	padding-top:37px;
	text-align:right;
	padding-right:25px;
	line-height:1.5em;
	vertical-align:top;
	float:right;
}

/* LOGIN BAR */
.loginBar
{
	background-color:#666666;
	border-top:1px solid #FFFFFF;
	height:25px;
	padding-top:3px;
	padding-bottom:3px;
}

.login
{
	float:left;
	width:50%;
	padding-left:20px;
}

.icons
{
	float:left;
	text-align:right;
	width:46%;
	padding-right:20px;
}

/* NEW MEMBERS/MAGAZINE */
.panel2
{
	background-color:#444444;
	border-top:1px solid #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	height:180px;
}

.newMembers
{
	float:left;
	padding-left:20px;
	padding-right:10px;
	width:47%;
}

.newMemberImage
{
	float:left;
	padding-left:20px;
	padding-right:10px;
	width:33%;
}

.newMemberText
{
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin:0px;
	width:60%;
	color:#AAAAAA;
}

.magazine
{
	float:right;
	padding-left:10px;
	width:47%;
	padding-right:20px;	
}

.magazineImage
{
	float:left;
	padding-left:20px;
	padding-right:10px;
	width:30%;
}

.magazineText
{
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin:0px;
	width:60%;
}



/* POPULAR RESOURCES */

.popularContainer
{
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#777777;
	width:950px;
	background-color:#000000;
	border-top:1px solid #FFFFFF;
	background-image:url(../../images/bottomShadow.png);
	background-position:top;
	background-repeat:repeat-x;
}

.popularContent
{
	padding-top:10px;
	float:left;
	font-size:10px;
	width:20%;
}

/* CONTACT & LEGAL */

.contactLegal
{
	padding-top:5px;
	/*border-top:1px dotted #777777;*/
}

.contact
{
	float:left;
	width:45%;	
}

.legal
{
	float:right;
	width:45%;
}

.contactContent
{
	text-align:center;
	padding-top:5px;
	font-size:13px;	
}

.popupMenu
{
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	padding:5px;	
}

/* FLOATING BOX */
.topLeftPanel
{
	background-image:url(../../images/panel/FloatingPanel_01.png);
	background-repeat:no-repeat;
	width:43px;
	height:34px;
}

.topMiddlePanel
{
	background-image:url(../../images/panel/FloatingPanel_02.png);
	background-repeat:repeat-x;
	height:34px;
}

.topRightPanel
{
	background-image:url(../../images/panel/FloatingPanel_03.png);
	background-repeat:no-repeat;
	width:46px;
	height:34px;
}

.middleLeftPanel
{
	background-image:url(../../images/panel/FloatingPanel_04.png);
	background-repeat:repeat-y;
	width:43px;
}
.middleRightPanel
{
	background-image:url(../../images/panel/FloatingPanel_06.png);
	background-repeat:repeat-y;
	width:43px;
}

.bottomLeftPanel
{
	background-image:url(../../images/panel/FloatingPanel_07.png);
	background-repeat:no-repeat;
	width:43px;
	height:34px;
}

.bottomMiddlePanel
{
	background-image:url(../../images/panel/FloatingPanel_08.png);
	background-repeat:repeat-x;
	height:34px;
}

.bottomRightPanel
{
	background-image:url(../../images/panel/FloatingPanel_09.png);
	background-repeat:no-repeat;
	width:46px;
	height:34px;
}

.sideContentTitle
{
	font-size:12px;
	background-image:url(../../images/mainBar.png);
	background-repeat:repeat-x;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	width:100%;
	font-weight:bold;
	color:#FFFFFF;	
}

.sideContentTitle2
{
	font-size:12px;
	background-image:url(../../images/mainBarPurp.png);
	background-repeat:repeat-x;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	width:100%;
	font-weight:bold;
	color:#FFFFFF;	
}

.sideContent
{
	line-height:1.5em;
	border-top:1px solid #FFFFFF;
	width:100%;
	height:150px;
	padding-left:15px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:10px;
	background-image:url(../../images/newsBG.png);
	background-repeat:repeat-x;
	background-position:top;
	font-size:12px;	
}

ul{padding-left:20px;}

.osPadding{padding-top:7px;padding-bottom:7px;padding-right:10px;padding-left:7px;}
.osPaddingLink{padding-top:10px;padding-bottom:10px;padding-right:10px;text-decoration:none;font-weight:bold;color:#444444;}
.osPaddingLink2{padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;text-decoration:none;font-weight:bold;color:#444444;}
.sideBox{font-size:11px;background-image:url(../../images/newsBG.png);background-repeat:repeat-x;background-position:top;padding-bottom:10px;}

.autocompleteplus_completionListElement

{
padding-bottom:0px;

padding-top:0px;
padding-right:0px;

padding-left:0px;
position:absolute;

z-index:6000;
width:305px!important;

visibility : hidden;
margin-left:-1px!important;

margin-top:0px!important;
background-color:#e7edee;

color : windowtext;
border : buttonshadow;

border-color:#CCCCCC;
border-width : 1px;

border-style : solid;
cursor : 'default';

overflow : auto;
height : 250px; text-align : left;

list-style-type :none;

}

.autocompleteplus_completionListElement2

{
padding-bottom:0px;

padding-top:0px;
padding-right:0px;

padding-left:0px;
position:absolute;

z-index:6000;
width:255px!important;

visibility : hidden;
margin-left:-1px!important;

margin-top:0px!important;
background-color:#e7edee;

color : windowtext;
border : buttonshadow;

border-color:#CCCCCC;
border-width : 1px;

border-style : solid;
cursor : 'default';

overflow : auto;
height : 250px; text-align : left;

list-style-type :none;

}

/* AutoComplete highlighted item */

.autocompleteplus_highlightedListItem

{

list-style-type:none;
font-family: Arial;

font-size: 11px;
color: #FFFFFF;

text-decoration: none;
background-color: #9bb3b8; cursor: pointer;

cursor: hand;
padding:0px 0px 0px 3px;

margin: 0px;

text-align: left;
line-height:20px!important;

}




/* AutoComplete item */
.autocompleteplus_listItem

{
line-height:20px!important;

background-color:#F1F0F0;
padding:0px 0px 0px 3px;

margin: 0px;
font-family: Arial;

font-size: 12px;
color: black;

cursor: default;
text-decoration: none; text-align: left;


}

.autocompleteplus_listItem#ul{}

.highlight {text-decoration:none; font-weight:bold; color:black; background:yellow;}

.adjustedZIndex {
    z-index: 1000;
}