/*  ========================================================
    |                 RAPATTONI STYLESHEET                 |
    ======================================================== */

/*  ==================== Links =========================  */

a {text-decoration: none; color: #A41818;}

a:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

.alink, .alink:visited {
	text-decoration: underline;
	color: #A41818;
	text-align: left;
}

.alink:hover {
	background-color: #A41818;
	text-decoration: none;
	color: #FFF;
	text-align: left;
}

.tablecellhover{
	background-color: #D9F8F8;
	border-top: solid 0px #B5B9C0;
	border-right: solid 1px #B5B9C0;
	border-bottom: solid 1px #B5B9C0;
	border-left: solid 0px #B5B9C0;
	padding: 5px;
}

.alinkbold, .alinkbold:visited {
	text-decoration: none;
	color: #A41818;
	font-weight: bold;
}

.alinkbold:hover {
	background-color: #A41818;
	text-decoration: none;
	color: #FFF;
}

.alinknohover, .alinknohover:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
	
.alinkboldnohover, .alinkboldnohover:visited {
	text-decoration: none;
	color: #A41818;
	font-weight: bold;
}

/* ======================= Home Page =================== */

.NewsandComments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3D3D3D;
	font-weight: bolder;
	font-style: italic;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #A81311;
	padding-left: 2px;
	padding-top: 14px;
	padding-right: 2px;
	padding-bottom: 4px;
	display:block;
}

.thirtyfiveyears {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006666;
	font-weight: bold;
	font-style: italic;
}

.homebiglink,homebiglink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	text-align:left
	line-height: 25px;
	text-decoration: none;
}

.homebiglink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #619ca1;
	font-weight: bold;
	padding-top: 5px;
	text-align:left;
	line-height: 25px;
	text-decoration: none;
}

.homelink,homelink:visited {
	border-color: #000000;
	text-decoration: none;
	font-style: italic;
	color: #000000;
	text-align: left;
	padding-top: 0px;
	font-size: 14px;
	font-weight: bold;
	}
	

.homelink:hover {
	text-decoration: underline;
	color: #d0a22c;
	text-align: left;
}

.plainlink,plainlink:visited  {
	text-decoration: none;
	color: #000000;
	text-align: left;
	}

.plainlink:hover {
	background-color: #A41818;
	color: #FFF;
	text-decoration: none;
	text-align: left;
}


.lefthandlink,.lefthandlink:visited
  {
	/* margin-left: 10px; */
	text-decoration: none;
	color: #146666;
	text-align: left;
	}

.lefthandlink:hover {
	background-color: #D9F8F8;
	text-decoration: none;
	text-align: left;
}

.lefthandlinkbold,.lefthandlinkbold:visited
  {
	/* margin-left: 10px; */
	text-decoration: none;
	color: #146666;
	text-align: left;
	font-weight: bold;
	}

.lefthandlinkbold:hover {
	background-color: #D9F8F8;
	text-decoration: none;
	text-align: left;
}

.lefthandlinkcontainer {
   width:163px;
   margin:0 0 0 20px;
   padding:5px 0 0 0;
   background:url("/images/sideList_border.gif") no-repeat top right;
}
.sidebarSubheader {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:23px; background:url("/images/sidebar_sub_bg2.gif") no-repeat; width:168px; margin:0 0 0 15px; padding-left:5px;}
.sidebarSubheader a {color:#7f7f7f; text-decoration:none;}
.sidebarSubheader a:hover {color:#f9d168;}
#sideList {background:url("/images/sideList_border.gif") no-repeat top right;width:168px;padding:0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin:0 0 15px 15px;}
#sideList ul {list-style:none;margin:0;padding:0;border:none;}
#sideList li {margin:0 0 0 0; padding:5px 0 0 0; width:167px; vertical-align:middle;}
#sideList li a {display: block;color: #000000;text-decoration: none; background:url("/images/linkarrow_sidenavigation.gif") no-repeat; background-position:0 4px; padding:0 0 3px 18px;}
#sideList li:hover {background:#fffbe9 url("/images/sideList_hover_2.gif") bottom repeat-x;}
#sideList li.active {background:#fffbe9 url("/images/sideList_hover_2.gif") bottom repeat-x;}

.sidebarBoldLink, .sidebarBoldLink:visited {font-size:12px; text-decoration: none; color: #dbaa2e; font-weight: bold;}
.sidebarBoldLink:hover {background-color: #f9d168; text-decoration: none; color: #000;}

.linksmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #619ca1;
	text-decoration: none;
	text-align: top;
	line-height: 12px;
}


.linksmall:hover {
	background-color: #619ca1;
	color: #FFFFFF;
}

.graphiclink {
	border: 1px solid;
	border-color: #000000;
}

/* =============== mini dividers ====================== */

#sect-button {
	width: 192px; /* 162 */
	border-left: 0px;
	border-right: 0px;
	border-top: 1px solid #385394;
	border-bottom: 1px solid #FEFEFE;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#sect-button ul {
	list-style: none;
	margin: 0px 0px;
	padding: 0px
	border: none;
}

#sect-button li {
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #385394;
	margin: 0;
}

#sect-button li a {
	display: block;
	padding: 2px 2px 2px 10px;
	color: #385394;
	text-decoration: none;
	width: 181px;
}

#sect-button li a:hover {
	background-color: #9AC3FF;
	color: #385394;
}


/* ==================== box links ======================== */
.box {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #A41818;font-weight: bold;text-align:left;padding: 5px 0 0 0;background:url("/images/boxBG.jpg") top left repeat-x;border: 0;margin: 25px 0 5px 0;}
/*.box {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7f7f7f /* #346565 ;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
}*/

.boxlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346565 /* #346565 */;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
	display:block;
}

.boxlink:hover {color: #d9f8f8;}


/*  ===================== PAGE BODY ====================  */

Body {
	/* scrollbar-base-color: #619CA1; */
	background-color: #000000;
	background: url(/images/black_bg.gif) #000000;
	background-position: center;
	background-repeat:repeat-y;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 16px;
} 

/* ================== CURSORS ==================== */

.cursorhand
{
	cursor: hand;
	cursor: pointer; /* NS and IE use different styles, so using both will apply the 'hand' cursor to either browser */
}

/* ===================  HEADER ===================  */

.pageTitle {
	color: #7f7f7f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-bottom:5px;
	text-align:right;
}

.Pageheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006666;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align:left;
	line-height: 25px;
}

.PageheaderSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7f7f7f /* 006666 */;
	font-weight: bold;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
	text-align:left;
	line-height: 20px;
}

.Pageheaderwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align:left
	/* line-height: 25px; */
}

.Pageheaderblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align:left
	line-height: 25px;
}

.Pageheaderbrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3E3010;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align:left
	line-height: 25px;
}


.Pageheaderpurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #442B90;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align:left
	line-height: 25px;
}


H1, .H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	padding-top:40;
	text-align:left
}

.H1_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top:40;
	text-align:left
}

.H1_medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	font-weight: bold;
	text-align:left
	padding-top:40;
}


.H1_Big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	text-align:left;
	padding-top:40;
	line-height: 24px;
}


H2, .H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align:left
}

/* .H2_purplebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2f5eaa;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
} */

.H2_bluebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9E1C2F;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
}


.H2_tealbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
}

.H2_box_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#7f7f7f;
	font-weight: bold;
	text-align:left;
	padding: 4px 7px;
	background:url("/images/boxBG.jpg") top left repeat-x;
	text-decoration: none;
	display:block;
}

.H2_box_link:hover {
	color: #A41818;
	background-color:#FFFFFF;
}

.H2_tealbox_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346565 /* #346565 */;
	font-weight: bold;
	text-align:left;
	border-style: solid;
	border: 1px;
	border-right-color: #DAEAEB;
	border-left-color: #DAEAEB;
	border-top-color: #DAEAEB;
	border-bottom-color: #DAEAEB;
	background-color: #DAEAEB;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	display:block;
}

.H2_tealbox_link:hover {
	border: 1px;
	border-right-color: #DAEAEB;
	border-left-color: #DAEAEB;
	border-top-color: #DAEAEB;
	border-bottom-color: #DAEAEB;
	background-color: #d9f8f8;
}

.H2_mls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A41818;
	font-weight: bold;
	text-align:left;
}

.H2_burgundy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #541D25;
	font-weight: bold;
	text-align:left
}

.H2_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a80000;
	font-weight: bold;
	text-align:left
}

.H2_teal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #619ca1;
	font-weight: bold;
	text-align:left;
}

.H2_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346565;
	font-weight: bold;
	text-align:left;
}



H3, .H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align:left
}

H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*  CAPTION  */

.Caption1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-align: left;
	margin:0 15px 20px 0;
	background-color:#dfdfdf;
}

.Caption2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align:left;
}

/*  =============== BULLETS ===================  */

.Bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
}

.Bullet2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
}

.BulletNone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-type: none;
	list-style-position: outside;
	text-align: left;
}
.ulBulletNone {
margin-bottom: 0;
}

.roster_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #737373;
	text-align: left;
	margin-bottom: 3px;
	padding: 5px 5px;
	background:url("/images/boxBG.jpg") top left repeat-x;
}

.roster_title_magic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-bottom: 3px;
}


.Number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-position: outside;
	text-align: left;
}

/* This style is for bullets that have a star image.
It is only used on the Magic roster */
.BulletStar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-image: url(images/RapattoniStarBullet.gif);
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
}

.BulletStarRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	list-style-image: url(/images/RapattoniStarBulletRed.gif);
	list-style-position: outside;
	text-align: left;
}
.mapToggle, .mapToggle:visited {display: block; width:185px; color:#A41818; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:25px; background:url("/images/mapToggle_btn.jpg") no-repeat top right; text-align:right; padding: 3px 15px 10px 0px; text-decoration:underline;}
.mapToggle:hover {color:#7f7f7f; background-color:#FFFFFF;}

.samlSlideToggle {background:url("/images/sso_table_bg.jpg") no-repeat top left; margin:0; padding:10px;}
.helpIcon {background:url("/images/help_icon.gif") no-repeat left; display:block; height:16px; width:20px; float:left;}

#samlDesc {margin:7px 0 0 0; padding:0; width:485px; height:75px;}

/*  ===================== text ========================= */

P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 16px;
	}

/* Use this style for long code examples. The best way to implement it, is to use it in a <div> tag.
Example:

<div class="codeexample"><pre>article=hello</pre></div>

*/

.codeexample {
	font-family: courier;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	background-color: #f5f7f7;
	border-color: #666666;
	border:2px;
    overflow: scroll;
	width: 450px;
	padding: 10px;
}

/* Use this style for code words or phrases within a sentence */

.code {
	font-family: courier;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align:left;
}


.textmargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin-left: 8px;	
	margin-right: 10px;	
	}

.text,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 16px;
	}

.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	/* line-height: 18px;*/
}

.newstext:hover {background:#fffbe9 url("/images/sideList_hover_2.gif") bottom repeat-x;}

.text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 14px;
	}


.text_teal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #619ca1;
	text-align:left;
	line-height: 16px;
	}

.text_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-align:left;
	line-height: 16px;
	}

.text_purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #473196;
	text-align:left;
	line-height: 16px;
	}

.text_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
	line-height: 16px;
	}

.HomeCopyright
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 16px;
	text-align:center;
	}

.textB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}

.textI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
}

.lefthandtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 15px;
	padding-left: 12px;
	padding-top: 0px;
}

.lefthandtextbold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 15px;
	padding-left: 12px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Note: the printonly class is only used in the print CSS. It's function is to display elements
that are unwieldy on the screen, but look good on paper. */

.printonly  {
	DISPLAY: none;
}

/* ========================= Horizontal Rule ======================== */

hr
	{color:#dedcdc; height:1px;}

/* ========================== FORM FIELDS =========================== */

.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background:#f7f7f7;
}

.fieldgeneric {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background:#FFFFFF;
}

.fieldactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background:#FFFFFF;
	border-color: #C6E6E9;
	border-style: groove;
}



/* ========================= TABLE FORMATTING ===================== */

.generic_table  {
	padding: 6px;
	border: solid 1px #000000;
	background: #FFFFFF;
}

.TDtan {
background: #eaeaea;	
}

.TDGrey {
background:  #f5f7f7;
}

.TDLeftTop {
text-align: left;
vertical-align: text-top;
}

.TRHidden {
display: none;
}

.TRVisible {
display: all;
}

.TDBlueCell {
background:  #EDF2FB;
	border-top: solid 1px #B5B9C0;
	border-right: solid 0px #B5B9C0;
	border-bottom: solid 0px #B5B9C0;
	border-left: solid 1px #B5B9C0;
	padding: 0px;
}


.TDWhiteCell {
background:  #FFFFFF;
	border-top: solid 1px #B5B9C0;
	border-right: solid 1px #B5B9C0;
	border-bottom: solid 0px #B5B9C0;
	border-left: solid 1px #B5B9C0;
	padding: 0px;
}

.TDBlueCellLast {
background:  #EDF2FB;
	border-top: solid 1px #B5B9C0;
	border-right: solid 1px #B5B9C0;
	border-bottom: solid 1px #B5B9C0;
	border-left: solid 1px #B5B9C0;
	padding: 0px;
}


.TDWhiteCellLast {
background:  #FFFFFF;
	border-top: solid 1px #B5B9C0;
	border-right: solid 1px #B5B9C0;
	border-bottom: solid 1px #B5B9C0;
	border-left: solid 1px #B5B9C0;
	padding: 0px;
}

/* -------------- SCC Table Classes -------------- */

.sortable { /* Duplicate of scc_table - but it identifies the table as sortable */
	padding: 5px;
	/*border-top: solid 1px #B5B9C0;
	border-right: solid 0px #B5B9C0;
	border-bottom: solid 0px #B5B9C0;
	border-left: solid 1px #B5B9C0;*/
}

.scc_table  {
	padding: 5px;
	/*border-top: solid 1px #B5B9C0;
	border-right: solid 0px #B5B9C0;
	border-bottom: solid 0px #B5B9C0;
	border-left: solid 1px #B5B9C0;*/
}

.scc_viewdetail {
	border-top: solid 0px #B5B9C0;
	border-right: solid 0px #B5B9C0;
	border-bottom: solid 1px #B5B9C0;
	border-left: solid 0px #B5B9C0;
	padding-bottom: 3px;
	padding-top: 3px;
}

.scc_viewdetailB {
	font-weight: bold;
	border-top: solid 0px #B5B9C0;
	border-right: solid 0px #B5B9C0;
	border-bottom: solid 1px #B5B9C0;
	border-left: solid 0px #B5B9C0;
	padding-bottom: 3px;
	padding-top: 3px;
}

.scc_viewdetail_body1 {
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 15px;
	padding-top: 15px;	
}

.scc_viewdetail_body2 {
	padding-left: 70px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.scc_viewdetail_pod {
	overflow: hidden;
	padding:0px;
	position: relative;
	width: 480px;
	border: 0px;
	background: #FFFFFF;

}

/* Temporary, for alternating table on MRC */
.tablelist {
/* background: #f5f7f7; */
background:  #F3F3F3;
border: solid 1px #B5B9C0;
padding: 5px;
}


.tablelist-alt  {
/* background: #f5f7f7; */
background:  #FFFFFF;
border: solid 1px #B5B9C0;
padding: 5px;
}

/* End temp */

.TDBlue {
/* background: #f5f7f7; */
background:  #F3F3F3;
/*border-top: solid 0px #B5B9C0;
border-right: solid 1px #B5B9C0;
border-bottom: solid 1px #B5B9C0;
border-left: solid 0px #B5B9C0;*/
padding: 5px;
}

.TDBlue_TableHd {
/* background: url("/images/boxBG.jpg") repeat-x top left; */
background-color: #FFFFFF;
padding: 5px;
}

.TDBlueHL {
background:  #e3e3e3;
/*border-top: solid 0px #B5B9C0;
border-right: solid 1px #B5B9C0;
border-bottom: solid 1px #B5B9C0;
border-left: solid 0px #B5B9C0;*/
padding: 5px;
}

.TDBlue_TableHdHL {
/* background: url("/images/boxBG.jpg") repeat-x top left; */
background-color: #FFFFFF;
padding: 5px;
}

.TDWhiteHL {
background:  #F3F3F3;
/*border-top: solid 0px #B5B9C0;
border-right: solid 1px #B5B9C0;
border-bottom: solid 1px #B5B9C0;
border-left: solid 0px #B5B9C0;*/
padding: 5px;
}

.TDWhite {
background:  #FFFFFF;
/*border-top: solid 0px #B5B9C0;
border-right: solid 1px #B5B9C0;
border-bottom: solid 1px #B5B9C0;
border-left: solid 0px #B5B9C0;*/
padding: 5px;
}


/* ======================== PAGE LAYOUT =================== */

.TableSitePage {
	WIDTH:800px;
	BORDER:0px;
	background: #FFFFFF;
	display: block; /* helps with Safari display issue */
	}


.TDContentPage {
	background: #FFFFFF;
	width: 595px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	border: 0px;
}



.TableSitePageTop {
	width: 940px;
}


.TDContentPageLeftPod  {
	background:#FFFFFF url("/images/sidebar_bg_white.jpg") repeat-y;
	width: 195px;
}

DIV.leftpoddiv  {
	position:relative; 
	width:195px; 
	top: 375px; 
	visibility: visible; 
	padding:0px;
	text-align:left; 
}


.TableSiteMap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	}

.TableSiteMapShaded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	background: #f5f7f7;
	}

/* ================ LEFT NAVIGATION BAR ==================== */

#hr {
	width: 100%;
	height: 2px;
	background:url(images/divider.jpg) repeat-x;
}

#button {
width: 192px; /* 162 */
border-left: 0;
border-right: 0;
border-top: 1px solid #C3C8CB;
border-bottom: 1px solid #FEFEFE;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
padding-left:1px;
border: none;
}

#button li {
border-bottom: 1px solid #C3C8CB;
margin: 0;
}

#button li a {
display: block;
padding: 2px 2px 2px 10px;
background:url(../images/button_bg_rollover.jpg) repeat-x top left;
color: #737373;
text-decoration: none;
width: 181px;
}

#button li a:hover {
background-position: 0 -22px;
color: #A41818;
}

/* ======================== BOTTOM FOOTER BAR ==================  */

.TDBottNavBar {
	border-top: 1px solid #CCC;
}

/* ==================== PAGE-SPECIFIC STYLES ========================== */

/* RETS PAGE */

/* This pod is used on the RETS splash page */
.rets_pod1 {
	padding:0;
	border-style:groove;
	border-color:#D4D1E2;
	border-width:thin;
	background: #FFFFFF;
}

.rets_pod2 {
	overflow: clip;
	padding:0;
	position: relative;
	width: 260px;
	float: left;
}

.rets_row_highlight {
	background: #F5F5F8;
	border-top: solid 0px #D4D1E2;
	border-right: solid 1px #D4D1E2;
	border-bottom: solid 1px #D4D1E2;
	border-left: solid 0px #D4D1E2;
	padding: 10px;
	}

.rets_row {
	background: #FFF;
	border-top: solid 0px #D4D1E2;
	border-right: solid 1px #D4D1E2;
	border-bottom: solid 1px #D4D1E2;
	border-left: solid 0px #D4D1E2;
	padding: 10px;
	}

.rets_table  {
	background-color: #FFF;
	border-top: solid 0px #D4D1E2;
	border-right: solid 1px #D4D1E2;
	border-bottom: solid 1px #D4D1E2;
	border-left: solid 0px #D4D1E2;
}

.rets_tablehead {
	background:url("/images/bg_rets-document-table-head.jpg") repeat-x;
	background-color: #F5F5F8;
	border-top: solid 0px #D4D1E2;
	border-right: solid 1px #D4D1E2;
	border-bottom: solid 1px #D4D1E2;
	border-left: solid 0px #D4D1E2;
	padding: 0 10px;
	font-size: 11px;
	font-weight: bold;
}

.rets_tablehead_title {
	background-color: #C1C0D1;
	border-top: solid 0px #D4D1E2;
	border-right: solid 1px #D4D1E2;
	border-bottom: solid 1px #D4D1E2;
	border-left: solid 0px #D4D1E2;
	font-weight: bold;
}


/* Magic Resource Center */

.MrcHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url("/images/boxBG.jpg") top left repeat-x;
	border-bottom: solid 1px #dcdadb;
	color: #9E1C2F;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	padding: 5px;
	margin: 20px 0 0 0;
	text-decoration: none;
	display:block;
	width: 490px;
}

.MrcHead:hover {
	color: #5b5c50;
	background-color: #FFFFFF;
}

.mrc_training_tablehead_title {
	background-color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9E1C2F;
}

/* This pod is used on the MRC splash page */
.mrc_pod1 {
	overflow: hidden;
	padding:0px;
	position: relative;
	/* height: 200px; */
	width: 284;
	float: right;
	background: #FFFFFF;
	border: 10px;
	border-color:white;
}

.mrc_row_highlight {
	background: #F3F3F3;
	padding: 7px;
	}

.mrc_row {
	background: #ffffff;
	padding: 7px;
	}
.mrcMagicAppMenu ul {list-style:none; margin:0; padding:0;}
.mrcMagicAppMenu ul li img {margin-bottom:10px;}
.mrcMagicAppMenu ul li ul {margin-left:20px;}

/* This style is for the splash page */

.MagicSplashLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align:left;
	color: #385394;
	text-decoration: none;
	}

.MagicSplashLink:hover
{background-color: #9AC3FF;color: #385394;}

/* This style is used on the View Articles page for the toggle +/- buttons. */

.MRCView
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #385394;
	border: 5px;
	padding: 5px;
	text-decoration: none;
	text-align: top;
	cursor: hand;
}

.MRCView:hover
{
	color: #000000;
	cursor: hand;
}

/* These styles are legacy styles from the old MRC and could gradually be phased out.
However, take care for now to >> NOT << replace the MagicTitle and MagicIssue styles. They
are utilized by the search engine. For more details, look at supp/mrc/articles/search.asp. */

.MagicTitle,.MagicSubmitter,.MagicUpdated,.MagicVersion,.MagicIssue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 16px;
	}

.MagicHeading1,.MagicHeadingSub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-align:left;
	line-height: 16px;
	}

/* This style is used for the left-hand navigation "What's New" portion in the
left-hand navigation. */

.TDMRCNav
{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border: 1px;
border-color: #000000;
}

/* THIRD PARTY SOFTWARE PAGE */
.thirdparty_green {display: block; background:#d8f0d0 url("/supp/mls/tech/images/thirdparty_green.jpg") repeat-x; border: solid 1px #D4D1E2;}
.thirdparty_red {display: block; background:#f8b3a7 url("/supp/mls/tech/images/thirdparty_red.jpg") repeat-x; border: solid 1px #D4D1E2;}
.thirdparty_yellow {display: block; background:#faedcb url("/supp/mls/tech/images/thirdparty_yellow.jpg") repeat-x; border: solid 1px #D4D1E2;}

/* CONTACT PAGE */
#contacts {margin:5px 0 0 0; padding:0; width:500px;}
#contacts li{display:inline;}
#contacts li a.middle{margin:0 4px;}
#contacts img {margin:0 0 5px 0;}
#contacts a {text-decoration:none; color:#000; display:block; outline:0; float:left; width:163px; height:180px; text-align:center; background:url("/images/hoverBG_flipped.gif") bottom repeat-x; background-position:0 500px;}
#contacts a:hover {background-position:0 0;}
.jobTitle {font-size:10px; line-height:14px; font-weight:normal;}
#support_mls {width:194px; height:199px; overflow:hidden; margin:0; padding:0; background:url("/images/support_mls.jpg"); float:right;}

/* NEWS TABLE OF CONTENTS */
.newsItem {padding:10px; margin:3px 0; text-align:left;}
.newsDate {display:inline-block; margin:0; padding:0; font-size:15px;}
.newsBullet {display:inline-block; width:11px; height:15px; background:url(/images/newsbullets.gif) no-repeat; margin:0 10px; padding:0;}
.newsTitle {display:inline-block; width:370px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:0; padding:0;}
.newsDate, .newsBullet, .newsTitle {vertical-align:top;}
.newsLink, .newsLink:visited {text-decoration:none; color:#000; display:block;}
.newsLink:hover {background:#fffbe9 url(/images/sideList_hover_2.gif) bottom repeat-x; cursor:pointer; color:#000;}

/* THUMBNAIL ENLARGE ON MOUSE-OVER */
a.thumbnail {position:relative; z-index:0; display:block;}
a.thumbnail:hover{background-color: transparent;z-index: 50;}
a.thumbnail span {position: absolute; top:-1000px; left: -1000px; visibility: hidden; border: 1px solid gray;}
a.thumbnail span img{border-width: 0;}
a.thumbnail:hover span{visibility: visible; top:-125px; left:-150px;}
.netMagicScreen {background:url(/images/closer_view.gif) no-repeat bottom center; float:right; background-color:#FFF; margin:0 0 0 10px; padding:0 0 12px 0;}

/* PRODUCTS & SERVICES MAIN PAGE */
.product {padding:15px 0; border-bottom: 1px solid #ccc;}
.prodLogo {margin-right:10px; display:inline-block; width:200px;}
.prodDesc {display:inline-block; width:280px; text-align:left;}
.prodLogo, .prodDesc {vertical-align:middle;}

/* SMALL PHOTOS USED ON ROSTER AND CONTACT MAIN PAGES */
.branchPhoto {margin:0 10px; display:inline-block; background:url("/images/branching_photos.jpg") no-repeat top; width:100px; height:80px;}

/* LOGOS ON SECOND TIER BRANCHING PAGES */
.mlsLogo {background:url("/images/trans_mls_small.gif") center no-repeat; height:35px;}
.magicLogo {background:url("/images/trans_magic_horz_small.gif") center no-repeat; height:32px;}
.magicVertLogo {background:url("/images/trans_magic_vert_small.gif") center no-repeat; height:52px;}
.netmagicLogo {background:url("/images/trans_netmagic_small.gif") center no-repeat; height:60px;}
.slLogo {background:url("/images/trans_securelogon_small.gif") center no-repeat; height:45px;}
.ssoLogo {background:url("/images/trans_sso_small.gif") center no-repeat; height:45px;}

/* ROSTER MAIN PAGE */
.roster {padding:10px 0; margin:0 0 10px 0;}
.rostDesc {display:inline-block; width:375px;}
.rostDesc {vertical-align:top;}
.rostDesc span.mlsLogo, .rostDesc span.magicLogo, .rostDesc span.slLogo {display:block; background-position:left;}
.rostPhoto1 {background-position:0 0;}
.rostPhoto2 {background-position:0 -80px;}
.rostPhoto3 {background-position:0 -160px;}

/* CUSTOMER COMMENT PAGE */
.comment {padding:15px 0;}
.commentLogo {margin-right:10px; display:inline-block; width:200px;}
.commentText {display:inline-block; width:280px; text-align:left; font-style:italic;}
.commentFullLogo {display:inline-block; width:150px; text-align:center;}
.commentFull {display:inline-block; width:340px; text-align:left;}
.commentLogo, .commentText, .commentFull {vertical-align:top;}

/* CONTACT MAIN PAGE */
.contact {padding:10px 0; border-bottom: 1px solid #ccc;}
.contactDesc {display:inline-block; width:360px; text-align:left;}
.contactDesc {vertical-align:middle;}
.noBorder {border:none;}
.contactPhoto1 {background-position:0 -240px; vertical-align:middle;}
.contactPhoto2 {background-position:0 -320px; vertical-align:middle;}
.contactPhoto3 {background-position:0 -400px; vertical-align:middle;}

/* SUPPORT PAGES */
.support {padding:10px 0; margin:0;}
.supportPhoto {margin:0 10px; display:inline-block; width:90px; height:65px; background:url("/images/support_photos.jpg") no-repeat top center;}
.mlsSupp1 {background-position:0 0;}
.mlsSupp2 {background-position:0 -65px;}
.mlsSupp3 {background-position:0 -130px;}
.magicSupp1 {background-position:0 -195px;}
.magicSupp2 {background-position:0 -260px;}
.magicSupp3 {background-position:0 -325px;}
.slSupp1 {background-position:0 -390px;}
.supportDesc {display:inline-block; width:375px;}
.supportPhoto, .supportDesc {vertical-align:top;}

/* MLS AND MAGIC TECHNICAL INFORMATION PAGES - NETMAGIC MAIN PAGE */
.techItem, .netmagicFeature {padding:0; margin:20px 0;}
.techIcon, .featureIcon {display:inline-block; width:75px; text-align:center;}
.techDesc, .featureDesc {display:inline-block; width:400px; text-align:left;}
.techIcon, .techDesc, .featureIcon, .featureDesc {vertical-align:top;}
.featureDesc h3 {margin:0; font-size:13px; font-weight:bold; line-height:normal;}

/* PAGE HEADERS */
#magicProdHeader, #mlsProdHeader, #netmagicProdHeader, #slProdHeader, #ssoProdHeader, #narHeader, #forumHeader {width:800px; height:117px; text-align:left;}
#magicProdHeader {background:url("/images/magic_prod_header.gif") no-repeat;}
#mlsProdHeader {background:url("/images/mls_prod_header.gif") no-repeat;}
#slProdHeader {background:url("/images/sl_prod_header.gif") no-repeat;}
#netmagicProdHeader {background:url("/images/netmagic_prod_header.gif") no-repeat;}
#ssoProdHeader {background:url("/images/sso_prod_header.gif") no-repeat;}
#narHeader {background:url("/images/Rapattoni_NAR_Fall09.jpg") no-repeat;}
#forumHeader {background:url("/images/forum_header2.jpg") no-repeat;}
#eventsHeader, #searchHeader, #salesHeader, #executiveHeader {width:800px; height:114px; text-align:left; position:relative;}
#eventsHeader {background:url("/images/events_header.jpg") no-repeat;}
#searchHeader {background:url("/images/search_results_header.jpg") no-repeat;}
#salesHeader {background:url("/cont/images/sales_team_header5.jpg") no-repeat;}
#executiveHeader {background:url("/cont/images/executive_team_header3.jpg") no-repeat;}
#eventsHeader span, #searchHeader span {position:absolute; bottom:5px; left:10px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; margin:0; padding:0; display:block; line-height:normal;}
#thanksHeader {background:url("/images/thanks_header.gif") no-repeat; width:800px; height:85px;}
.redHeaderBar {width:800px; height:15px; background-color:#A41818; margin:2px 0 0 0; padding:0;}

/* SAML VENDORS LIST */
.samlVendors {width:495px; margin:0; padding:0; list-style:none; font-size:11px; color:#666;}
.samlVendors li {display:block; width:165px; float:left; text-align:center; padding:20px 0; margin:0;}

/* GOOGLE SITE SEARCH */
.searchCell {margin:0; padding:0 10px 0 0; text-align:right; background:url("/images/search_bg.jpg") no-repeat bottom right;}
#search {margin:0; padding:0; width:218px; height:34px; float:right;}
.textField {
margin:0;
padding:0;
background:url("/images/field_bg.gif") no-repeat top right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
color:#000;
width:160px;
height:19px;
border:none;
float:left;
}
.searchBtn {
margin:0;
padding:0;
background:url("/images/search_btn.gif") no-repeat top right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
width:51px;
height:19px;
border:none;
}
.searchBtn:hover {color:#FFC635;}

.ideaLabLink {width:182px; height:187px; background:#FFF url("/images/idea_lab_link_bg.jpg") no-repeat top right; float:right;}
.ideaLabLink p {margin:55px 7px 0 75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:right;}
.ideaLabLink p a {color:#FFF; text-decoration:underline; line-height:32px;}
.ideaLabLink p a:hover {color:#FFF; background:none; text-decoration:none;}
.readMoreArrows {color:#fc1b3c; margin-left:3px;}