/* 
================================
Skin styles for WebMedley2
================================
*/   

body {
background-color:#f0f0f0;
font-family: arial, sans-serif; 
font-size: 11px;
color:#000;
}

a:link { color:#6363b5; }

a:hover { color:red }

table#table-container {
margin: 20px auto;
padding:0;
width:770px;
background-color:#fff;
border: 1px solid #8d8d8d;
color:#000;
}

table#table-container td#table-header {
margin:0;
padding:0;
height:100px;
text-align:left;
border:0;
}

table#table-container td#table-search {
margin:0;
padding:0;
height:100px;
text-align:right;
border:0;
}

table#table-container td#table-banner {
margin:0;
padding:0;
border:0;
width:770px;
height:200px;
border-bottom: 3px solid #8d8d8d;
}

	table#table-container td#table-banner img.img {
	margin:0;
	padding:0;
	border-top: 1px solid #8d8d8d;
	}	

table#table-container td#table-navbar {
margin:0;
padding:0;
border:0;
width:770px;
height:32px;
background: transparent;
}

	table#table-container td#table-navbar div#div-navbar-date {
	float:right;
	position:relative;
	margin:0 10px 0 0;
	text-align:right;
	padding:0;
	}
	
	table#table-container td#table-navbar div#div-navbar-login {
	float:left;
	position:relative;
	margin:0 0 0 10px;
	text-align:left;
	padding:0;
	}

table#table-container td#table-sidebar {
margin:0;
padding:0;
width:270px;
border:0;
text-align:center;
}
	table#table-container td#table-sidebar table#table-menu {
	margin:0;
	padding:0;
	border:0;
	}
	
	table#table-container td#table-sidebar div.div-left-gutter {
	width:100%;
	}
	
table#table-container td#table-content {
margin:0;
padding:10px;
width:500px;
background-color:#fff;
border:0;
}

	table#table-container td#table-content table.div-table {
	margin:0;
	padding:0;
	border:0;
	}
	
table#table-container td#table-footer {
margin:0;
padding: 0;
width:770px;
height:50px;
text-align:center;
border:0;
font-size:11px;
}

.toppane {
	width: 100%;
	margin:0;
	background-color: transparent;
}
.leftpane {
	width: 100px;
	margin:0;
	background-color: transparent;
}
.contentpane {
	width: 100%;
	margin:0;
	background-color: transparent;
}
.rightpane {
	width: 100px;
	margin:0;
	background-color: transparent;
}
.bottompane {
	width: 100%;
	margin:0;
	background-color: transparent;
}
.MainMenu_MenuContainer {
background-color: transparent; 
width: 770px;
border-bottom: 1px solid #8d8d8d;
border-top: 2px solid #8d8d8d;
}
.MainMenu_MenuBar {
width: 770px;
cursor: pointer; 
cursor: hand;
background-color: #ebf8ff;
}

.MainMenu_MenuItem {
border:0;
cursor: pointer; 
cursor: hand; 
color: #003399; 
font-size: 11px; 
font-style: normal; 
background-color: #ebf8ff;
font-family: Arial, Helvetica; 
padding:0;
height:20px;
margin: 0 5px;
font-weight:400;
}
.MainMenu_MenuIcon {
cursor: pointer; 
cursor: hand; 
text-align: center; 
width: 15px; 
}
.MainMenu_SubMenu {
background-color: #ebf8ff;  
border: 1px solid #8d8d8d;
z-index: 1000; 
color: #003399; 
cursor: pointer; 
cursor: hand; 
font-weight:400;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}

.MainMenu_MenuItemSel {
background-color: #003399; 
cursor: pointer; 
cursor: hand; 
color: #ffffff; 
font-family: Arial, Helvetica; 
font-size: 11px; 
font-style: normal;
padding:0;
height:20px;
margin: 0 5px;
font-weight:400;
}

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow {
color:#000;
}

.MainMenu_MenuIcon, .MainMenu_MenuBreak {
display: none;
}

.StandardButton {
  background: #999999 none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.Head {
   font-family: Arial, Helvetica;
   font-size:  14px;
   font-weight: bold;
   color: #cb3238;
}

/* Container CSS - Specific Skin Styles */


/* Box */

/* Box - Invisible */
table.box_invisible {
	margin: 5px 0;
}
.box_invisible td.header {
	background: transparent;
	padding: 3px 10px;
}
.box_invisible td#ContentPane {
	background: transparent;
	padding: 7px 10px;
}
.box_invisible td.header span.Head {
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;
}

.box_invisible td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.box_invisible td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 


/* Box - Solid Fill */
table.boxsolidfill {
	margin: 5px 0;
}
	background: #84b985;
.boxsolidfill td.header {
	padding: 3px 10px;
}
.boxsolidfill td#ContentPane {
	background: #f3fbf3;
	padding: 7px 10px;
	border: 1px solid #84b985;
}
.boxsolidfill td.header span.Head {
	color: #83b884;
	font-size: 14px;
	font-weight: bold;
}

.boxsolidfill td#ContentPane span.Normal { 
        color: #000;
}
.boxsolidfill td#ContentPane a.commandbutton { 
        color: #000;
} 

/* Box - Solid Fill - Color 1 */
table.boxsolidfillclr1 {
	margin: 5px 0;
}
.boxsolidfillclr1 td.header {
	background: #84b985;
	padding: 3px 10px;
}
.boxsolidfillclr1 td#ContentPane {
	background: #fff;
	padding: 7px 10px;
	border: 1px solid #84b985;
}
.boxsolidfillclr1 td.header span.Head {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.boxsolidfillclr1 td#ContentPane span.Normal { 
        color: #FFFFFF;
}
.boxsolidfillclr1 td#ContentPane a.commandbutton { 
        color: #FFFFFF;
} 

/* Box - Solid Fill - Color 2 */
table.boxsolidfillclr2 {
	margin: 5px 0;
	border: 1px solid #666633;
}
.boxsolidfillclr2 td.header {
	background: #7b7bbd;
	padding: 3px 10px;
	border-bottom: 1px solid #666633;
}
.boxsolidfillclr2 td#ContentPane {
	background: #84b985;
	padding: 7px 10px;

}
.boxsolidfillclr2 td.header span.Head {
	color: #f3fbf3;
	font-size: 14px;
	font-weight: bold;
}
.boxsolidfillclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.boxsolidfillclr2 td#ContentPane a.commandbutton { 
        color: #7b7bbd;
}

/*Box: Outline */
table.boxoutline  {
	margin: 5px 0;
	border: 1px solid #7b7bbd;
	background: #fff;
}
.boxoutline td.header {
	padding: 3px 10px;
	border-bottom: 1px solid #7b7bbd;
}
.boxoutline td#ContentPane {
	padding: 7px 10px;
	background: #fff;
}
.boxoutline td.header span.Head {
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;
	
}
.boxoutline td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.boxoutline td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 

/*Box: Outline Container - Color 1 */
table.boxoutlineclr1  {
	margin: 5px 0;
	border: 1px solid #84b985;
	background: #ffffff;
}
.boxoutlineclr1 td.header {
	padding: 3px 10px;
	border-bottom: 1px solid #84b985;
}
.boxoutlineclr1 td#ContentPane {
	padding: 7px 10px;
	background: #fff;
}
.boxoutlineclr1 td.header span.Head {
	font-size: 14px;
	font-weight: bold;
	
}
.boxoutlineclr1 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.boxoutlineclr1 td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 
/*Box: Outline Container - Color 2 */
table.boxoutlineclr2  {
	margin: 5px 0;
	border: 1px solid #000;
	background: #fff;
}
.boxoutlineclr2 td.header {
	padding: 3px 10px;
	border-bottom: 1px solid #000;
}
.boxoutlineclr2 td#ContentPane {
	padding: 7px 10px;
	background: #fff;
}
.boxoutlineclr2 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;	
}
.boxoutlineclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.boxoutlineclr2 td#ContentPane a.commandbutton { 
        color: #7b7bbd;
}

/*Box Gradient Fill Container */
table.gradientfill  {
	margin: 5px 0;
}
.gradientfill td.header {
	background: url(../../Containers/Box/images/gr_default.gif) repeat-x top;
	padding: 3px 10px;
	background-color: #f3fbf3;
}
.gradientfill td#ContentPane {
	padding: 7px 10px;
	background: #f3fbf3;
}
.gradientfill td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.gradientfill td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.gradientfill td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 

/*Box Gradient Fill Container - Color 1 */
table.gradientfillclr1  {
	margin: 5px 0;
}
.gradientfillclr1 td.header {
	background: url(../../Containers/Box/images/gr_two_tone_grey01.jpg) repeat-x top;
	padding: 3px 10px;
	background-color: #7b7bbd;
}
.gradientfillclr1 td#ContentPane {
	padding: 7px 10px;
	background: #7b7bbd;
}
.gradientfillclr1 td.header span.Head {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.gradientfillclr1 td#ContentPane span.Normal { 
        color: #FFFFFF;
}
.gradientfillclr1 td#ContentPane a.commandbutton { 
        color: #84b985;
} 

/*Box Gradient Fill Container - Color 2 */
table.gradientfillclr2  {
	margin: 5px 0;
}
.gradientfillclr2 td.header {
	background: url(../../Containers/Box/images/gr_two_tone_grey02.jpg) repeat-x top;	
	padding: 3px 10px;
	background-color: #EDEDED;
}
.gradientfillclr2 td#ContentPane {
	padding: 7px 10px;
	background: #EDEDED;
}
.gradientfillclr2 td.header span.Head {
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;
}
.gradientfillclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.gradientfillclr2 td#ContentPane a.commandbutton { 
        color: #000000;
} 

/*Lines */
/*Lines: Single Line Container*/
table.singleline  {
	margin: 5px 0;
}
.singleline td.header {
	border-bottom: 1px Solid #7b7bbd;
	padding: 2px 0;
}
.singleline td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
}
.singleline td.header span.Head {
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;	
}
.singleline td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.singleline td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 
/*Lines: Single Line Container - Color 1 */
table.singlelineclr1  {
	margin: 5px 0;
}
.singlelineclr1 td.header {
	border-bottom: 1px Solid #000;
	padding: 2px 0;
}
.singlelineclr1 td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
}
.singlelineclr1 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;	
}
.singlelineclr1 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.singlelineclr1 td#ContentPane a.commandbutton { 
        color: #84b985;
} 

/*Lines: Single Line Container - Color 2 */
table.singlelineclr2  {
	margin: 5px 0;
}
.singlelineclr2 td.header {
	border-bottom: 1px Solid #f3fbf3;
	padding: 2px 0;
}
.singlelineclr2 td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
}
.singlelineclr2 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;	
}
.singlelineclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.singlelineclr2 td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 

/*Lines: Double Line Container*/
table.doubleline  {
	margin: 5px 0;
}
.doubleline td.header {
	border-bottom: 3px double #7b7bbd;
	padding: 2px 0;
}
.doubleline td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
	border-bottom: 1px dotted #7b7bbd;
}
.doubleline td.header span.Head {
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;	
}
.doubleline td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.doubleline td#ContentPane a.commandbutton { 
        color: #7b7bbd;
} 

/*Lines: Double Line Container - Color 1 */
table.doublelineclr1  {
	margin: 5px 0;
}
.doublelineclr1 td.header {
	border-bottom: 3px double #000;
	padding: 2px 0;
}
.doublelineclr1 td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
	border-bottom: 1px dotted #000;
}
.doublelineclr1 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;	
}
.doublelineclr1 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.doublelineclr1 td#ContentPane a.commandbutton { 
        color: #84b985;
}

/*Lines: Double Line Container - Color 2 */
table.doublelineclr2  {
	margin: 5px 0;
}
.doublelineclr2 td.header {
	border-bottom: 3px double #7b7bbd;
	padding: 2px 0;
}
.doublelineclr2 td#ContentPane {
	background: transparent;
	padding: 7px 7px 10px 0;
	border-bottom: 1px dotted #7b7bbd;
}
.doublelineclr2 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.doublelineclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.doublelineclr2 td#ContentPane a.commandbutton { 
        color: #84b985;
}


/*Rounded*/

/* Rounded: Header Fill*/
table.roundheadfill {
	margin: 5px 0;
	background: transparent;
}
.roundheadfill .hdrcolor {
	background: #7b7bbd;
}
.roundheadfill td.header {
	color: #7b7bbd;
	padding: 5px;
}
.roundheadfill td#ContentPane {
	padding: 10px 5px;
}
.roundheadfill td.header span.Head {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.roundheadfill td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.roundheadfill td#ContentPane a.commandbutton { 
        color: #7b7bbd;
}

/* Rounded: Header Fill on White - Color 1 */
table.headerfillclr1 {
	background: #0D6E3C;
	margin: 5px 0;
}
.headerfillclr1 .hdrcolor {
	background: #0D6E3C;
}
.headerfillclr1 td.header {
	padding: 5px;
}
.headerfillclr1 td#ContentPane {
	padding: 10px 5px;
}
.headerfillclr1 td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.headerfillclr1 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.headerfillclr1 td#ContentPane a.commandbutton { 
        color: #84b985;
}

/* Rounded: Header Fill on White - Color 2 */
table.headerfillclr2 {
	margin: 5px 0;
	background: #84b985;
}
.headerfillclr2 .hdrcolor {
	background: #7b7bbd;
}
.headerfillclr2 td.header {
	padding: 5px;
}
.headerfillclr2 td#ContentPane {
	padding: 10px 5px;
}
.headerfillclr2 td.header span.Head {
	color: #f3fbf3;
	font-size: 14px;
	font-weight: bold;
}
.headerfillclr2 td#ContentPane span.Normal { 
        color: #000000;
}
.headerfillclr2 td#ContentPane a.commandbutton { 
        color: #f3fbf3;
}



/* Rounded: Header Fill on Gray - Color 1 */
table.headerfillclr1gry {
	background: #ccc;
	margin: 5px 0;
}
.headerfillclr1gry .hdrcolor {
	background: #84b985;
}
.headerfillclr1gry td.header {
	padding: 5px;
}
.headerfillclr1gry td#ContentPane {
	padding: 10px 5px;
}
.headerfillclr1gry td.header span.Head {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.headerfillclr1gry td#ContentPane span.Normal { 
        color: #000000;
}
.headerfillclr1gry td#ContentPane a.commandbutton { 
        color: #84b985;
}

/* Rounded: Header Fill on Gray - Color 2 */
table.headerfillclr2gry {
	margin: 5px 0;
	background: #7b7bbd;
}
.headerfillclr2gry .hdrcolor {
	background: #ccc;
}
.headerfillclr2gry td.header {
	padding: 5px;
}
.headerfillclr2gry td#ContentPane {
	padding: 10px 5px;
}
.headerfillclr2gry td.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.headerfillclr2gry td#ContentPane span.Normal { 
        color: #fff;
}
.headerfillclr2gry td#ContentPane a.commandbutton { 
        color: #fff;
}


/* Rounded: Outline */
table.roundoutline {
	margin: 5px 0;
	background: Transparent;
}
.roundoutline .hdrcolor {

}
.roundoutline td.header {
	padding: 5px;
	background-color: #fff;
}
.roundoutline td#ContentPane {
	padding: 10px 5px;
	background-color: #fff;
}
.roundoutline p.header span.Head {
	font-size: 14px;
    color: #000033;	
	font-weight: bold;
	padding:0;
	margin:0;
}
.roundoutline td#ContentPane span.Normal { 
        color: #000;
}
.roundoutline td#ContentPane a.commandbutton { 
        color: #000;
}

/* Rounded: Outline 2 */
table.roundoutline2 {
	margin: 5px 0;
	background: Transparent;
}
.roundoutline2 .hdrcolor {

}
.roundoutline2 td.header {
	padding: 0;
	background-color: #f0f4ff;
}
.roundoutline2 td#ContentPane {
	padding: 0;
	background-color: #f0f4ff;
}
.roundoutline2 p.header span.Head {
	font-size: 11px;
    color: #000;	
	font-weight: bold;
	padding:0;
	margin:0;
}
.roundoutline2 td#ContentPane span.Normal { 
        color: #000;
}
.roundoutline2 td#ContentPane a.commandbutton { 
        color: #000;
}


/* Rounded: Outline with Header Fill */
table.roundoutlinefill {
	margin: 5px 0 0 0;
}

table.roundcontentoutline {
	background: Transparent;
	border: 1px solid #E4E4E4;
	padding: 10px 5px;
}

.roundoutlinefill .header {
	background: #E4E4E4;
	color: #7b7bbd;
	font-size: 14px;
	font-weight: bold;
}
.roundoutlinefill td.header {
	padding: 5px;
}
.roundoutlinefill td#ContentPane {
	padding: 10px 5px;

}
.roundoutlinefill td.header span.Head {
	font-size: 11px;
    color: #000;	
	font-weight: bold;
	padding:0;
	margin:0;
}
.roundcontentoutline td#ContentPane span.Normal { 
        color: #000;
}
.roundcontentoutline td#ContentPane a.commandbutton { 
        color: #000;
}



/* Rounded: Solid Fill - Purple*/
table.roundsolidfill {
	background: #fff;
	margin: 5px 0;
}
.roundsolidfill td#ContentPane {
background: #F0F4FF;
}
.roundsolidfill p.header span.Head {
	font-size: 11px;
    color: #000;	
	font-weight: bold;
background: #F0F4FF;
	padding:0;
	margin:0;
}
.roundsolidfill td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.roundsolidfill td#ContentPane a.commandbutton { 
        color: #7b7bbd;
}


/* Rounded: Solid Fill - Gray*/
table.solidfillgry {
	background: #FFFFFF;
	margin: 5px 0;
}
.solidfillgry td#ContentPane {

}
.solidfillgry p.header span.Head {
	font-size: 11px;
    color: #000;	
	font-weight: bold;
	padding:0;
	margin:0;
}
.solidfillgry td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.solidfillgry td#ContentPane a.commandbutton { 
        color: #7b7bbd;
}


/* Rounded: Solid Fill on White - Color 1 */
table.solidfillclr1 {
	background: #fff;
	margin: 5px 0;
}
.solidfillclr1 td#ContentPane {

}
.solidfillclr1 p.header span.Head {
        color: #000;
	font-size: 14px;
	font-weight: bold;	
}
.solidfillclr1 td#ContentPane span.Normal { 
        color: #000;
}
.solidfillclr1 td#ContentPane a.commandbutton { 
        color: #000;
}

/* Rounded: Solid Fill on White - Color 2 */
table.solidfillclr2 {
	margin: 5px 0;
	background: #84b985;
}
.solidfillclr2 td#ContentPane {

}
.solidfillclr2 p.header span.Head {
	font-size: 14px;
	color: #f3fbf3;
	font-weight: bold;
}
.solidfillclr2 td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.solidfillclr2 td#ContentPane a.commandbutton { 
        color: #f3fbf3;
}

/* Rounded: Solid Fill on Gray - Color 1 */
table.solidfillclr1gry {
	background: #7f7f7f;
	margin: 5px 0;
}
.solidfillclr1gry td#ContentPane {

}
.solidfillclr1gry p.header span.Head {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	
}
.solidfillclr1gry td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.solidfillclr1gry td#ContentPane a.commandbutton { 
        color: #84b985;
}

/* Rounded: Solid Fill on Gray - Color 2 */
table.solidfillclr2gry {
	margin: 5px 0;
	background: #e4e4e4;
}
.solidfillclr2gry td#ContentPane {

}
.solidfillclr2gry p.header span.Head {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.solidfillclr2gry td#ContentPane span.Normal { 
        color: #7b7bbd;
}
.solidfillclr2gry td#ContentPane a.commandbutton { 
        color: #84b985;
}