@charset "UTF-8";
/* CSS Document */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
width:800px;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
 width:842px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 width:880px;
 background-color:white;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

height:575px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 {
height:600px;
}
.tabberlive#tab2 {
}
.tabberlive#2 .tabbertab {
 height:500px;
 overflow:auto;
}

#2	{
	height:800;
}
 /*----------------*/
 
 #widgetHolder	{
 	width:365px;
	height:235px;
	float:left;
}

 #widget	{
 	width:365px;
	height:225px;
	float:left;
	margin-top:5px;
}

#launchRight	{
	width:420px;
	float:right;
	height:275px;
}

#launchRow	{
	width:820px;
	margin-top:20px;
	float:left;
	height:250px;
	margin-top:-15px;
}

#launchpad	{
	width:414px;
	height:210px;
	float:right;
}

#launchInfo	{
	background-image:url(images/launchinfo.jpg);
	float:left;
	margin-bottom:5px;
	padding-left:40px;
	padding-right:50px;
	padding-top:15px;
	text-align:left;
	width:660px;
	height:225px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#383838;
	margin-left:20px
}

#fratInfo	{
	background-image:url(images/fratinfo.jpg);
	float:left;
	padding-left:40px;
	padding-right:50px;
	padding-top:15px;
	text-align:left;
	width:660px;
	height:230px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#383838;
	margin-left:20px
}

#mainMenu{
	    
		margin-left:220px;
		font-family:  Arial;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		border-bottom:none;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */
		color:white;
		position:relative;	/* Don't change this position attribute */
		top:-50px;
		background-color:black;
		
		
	}
	#mainMenu a{
		padding-left:10px;	/* Spaces at the left of main menu items */
		padding-right:10px;	/* Spaces at the right of main menu items */
		font-weight:normal;
		/* Don't change these two options */
		position:absolute;	/* Change this value to -2px if you're not using a strict doctype */
		color:white;
	}
	.headlink	{
		color:white;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#submenu{
	
		position:absolute;	
		margin-left:215px;
		font-family:  Arial;	/* Font  of sub menu items */
		background: url(/images/shortback.jpg) no-repeat;
		
		width:100%;	/* Don't change this option */
		top:65px;

	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		background: url(/images/shortback.jpg) no-repeat;
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:none;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		

		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #2aadf8;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:10px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */
		color: white;	/* Text color */
		font-size:0.9em; 
	}
	
	#submenu a:hover{
		color: #2aadf8;	/* Red color when the user moves the mouse over sub menu items */
	}
	
	ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 12px;
	background: #566171 url(navigation_over.gif) no-repeat;
}


/*</group>*/
.mpayy #container { 
	position: absolute;
	top:0px;
	position: relative; 
	width:auto;
	height:85px;  
	background:black;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	
} 

body	{
	background-image:url(images/background/gradient.jpg);
}

.mpayy #logo{
	position:relative;
	top:-20px;
	left:0px;
	width:200px;
	height:80px;
}

.mpayy #header { 
	
	height:85px;
	width:100%; 
	padding: 0 0 0 0px;
	background:#000000 url(../images/mpayy.jpg) no-repeat;
} 

.mpayy #header h1 {
	background:pink;
	color:white;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}



/***Frat Widget Styles***/



#fratContent	{
	border:1px 000000;
	margin: -.5em 0 0 0;
	padding: 25px 0 50px 0;
	background:transparent;
	height: 700px;
	width:1000px;
	background-image:url(http://widget.mpayy.com/images/bgf.gif);
	background-repeat:no-repeat;
}
	


.fratWidget	{
	float:right;
	border: solid 1px black;
	font-size:10px;
}

.widget	{
	float:right;
	border: solid 1px black;
	margin-right:4em;
	font-size:10px;
}

#greeks	{
	float:left;
	width:310px;
	height:450px;
}

.greekgroup1	{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#383838;
	width:310px;
	height:220px;
	float:left;
	padding-bottom:10px;
}

.greekgroup2	{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#383838;
	width:150px;
	height:500px;
	float:right;
}

.fratlogo	{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.frats	{
	width:450px;
	height:50px;
}

li.frat	{
	list-style-type:none;
	width:115px;
	float:left;
}

strong	{
	font-size:18px;
}

/*Lightbox Styles*/

        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 250%;
            background-color: black;
            z-index:1001;

        }
        .white_content {
            display: none;
            position: absolute;
            top: 20%;
            left: 25%;
            width:40%;
            height: 100%;
            padding-top: 150px;
			padding-left:50px;
            border:none;
            background-color: black;
            z-index:1002;
            overflow: auto;
			margin-bottom:50px;
			background-image:url(http://widget.mpayy.com/images/widget_land.jpg);
			background-repeat:no-repeat;
        }
		
		.close {
			position:absolute;
			top:0px;
			left:480px;
			width:20px;
			height:20px;
			
			
		}
		
		       .black_overlay2{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 250%;
            background-color: black;
            z-index:1001;

        }
        .white_content2 {
            display: none;
            position: absolute;
            top: 20%;
            left: 25%;
            width:40%;
            height: 100%;
            padding-top: 150px;
			padding-left:50px;
            border:none;
            background-color: black;
            z-index:1002;
            overflow: auto;
			margin-bottom:50px;
			background-image:url(http://widget.mpayy.com/images/widget_land.jpg);
			background-repeat:no-repeat;
        }
		
		.close2 {
			position:absolute;
			top:0px;
			left:480px;
			width:20px;
			height:20px;
			
			
		}
		
		
/*Skins Styles*/

.nav 	{
	width: 500px;
	height:140px;
	float:right;
	padding: 0;
	background-color: white;
	margin-top:50px;
}

.nav img	{
	background-color:transparent;
	padding: 0 0 0 0;
	position: relative;
	border:none;
	float:left;
	}