/*  Core color summary:
	block background: #003399
    block alternate: #0066cc
    light alternate: #b5c7d6
    grey: #eeeeee
    Warning colors: Cornsilk, DarkRed
*/

.news-title
{
	padding-right: 11px;
	padding: 5px 11px 5px 5px;
	border: thin solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #118BD8;
	font-size: 14px;
	background-color: #ECF2FD;
}
.news-header
{
	padding: 3px 8px 3px 8px;
	color: #000080;
	float: left;
	font-family: Segoe UI, Tahoma, Verdana;
	font-size: large;
}

.home-header
{
	padding: 3px 8px 3px 8px;
	color: #FFFFFF;
	float: left;
	background-color: #EB8405;
	font-family: Segoe UI, Tahoma, Verdana;
	font-size: large;
}

.infobox-table
{
	margin: 5px;
}
.infobox-header
{
	padding: 8px 8px 8px 8px;
	color: #FFFFFF;
	background-color: #DFDFDF;
	font-family: Segoe UI, Tahoma, Verdana;
	font-size: large;
}
.infobox-body
{
	padding: 8px 8px 8px 8px;
	color: #FFFFFF;
	background-color: #EEEEEE;
	font-family: Segoe UI, Tahoma, Verdana;
	font-size: large;
	vertical-align:top ;
}

.imageButton
{
	border: thin solid #800000;
}
.imageButton:hover
{
	border: medium solid #FF0000;
}
.homepagetable
{
color: #333333;
	
}

.newspagetable
{
	padding: 30px;
	border-style: solid none solid none;
	color: #333333;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-color: #808080;
	border-bottom-color: #808080;
}

TABLE, TD, TH, INPUT, TEXTAREA, SELECT
{
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	color: #666666;
}

FORM
{
	background-color: #E9F3FC;
}

body
{
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; /* Follows MSCOM Typography Guidelines */
	color: #E9F3FC;
	font-size: 81.3%; /* Follows MSCOM Typography Guidelines */
	background-color: #E9F3FC;
}


PRE
{
	background: #d3d3d3;
	color: #00008b;
	font-family: Courier New;
	font-size: 10pt;
	font-weight: normal;
}

a
{
	color: #118BD8;
	text-decoration: none;
}

a:hover { color: #df5c13; }

.hyperlinktextdark
{
	color: #0033CC;
}
.hyperlinktextdark:hover
{
	}	
.hyperlinktext
{
	text-decoration: underline;
}

.hyperlinktext:hover
{
	color: #006400;
    text-decoration : underline;
    cursor:pointer;
}


.divmasterpage
{
	width: 1020px;
}

.divheaderinfo
{
}

.divlandingpage
{
}

.dividermainbody
{

}
.dividercontent
{
	width: 100%;
	

}

.dividerlandingpagebody3
{
	padding: 20px;
	width: 100%;
}


.tablecontents
{
	background-color: #FFFFFF;
}



.tableheader
{
	background-color: #f0f5fa;
	color: white;
	font-size: 10pt;
	height: 20pt;
	font-weight: bold;
	text-align: left;
	border-right: #345487 1px solid;
	border-top: #345487 1px solid;
	border-left: #345487 1px solid;
	background: white url(images/TableHeaderVertGradient.png) repeat-x;
}

h1, h2, h3, h4, h5 { font-family: Segoe UI, Tahoma, Verdana, , Helvetica, Arial, sans-serif; /* Follows MSCOM Typography Guidelines */ }

h1 { font-size: 184.6%; }

h2 { font-size: 161.5%; }

h3 { font-size: 146.2%; }

h4 { font-size: 130.8%; }

h5 { font-size: 115.4%; }

H3orange
{
    color: #D25400;
    font-size: medium;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}



TABLE
{
	border-collapse: collapse;
}
TD
{
	Border-collapse: collapse;
    border-color: #d3d3d3;

}

.TDRight
{
	Border-collapse: collapse;
    border-color: #d3d3d3;
	text-align: right;
}

.TDCenter
{
	Border-collapse: collapse;
    border-color: #d3d3d3;
	text-align: center;
}
.TDLeft
{
	Border-collapse: collapse;
    border-color: #d3d3d3;
	text-align: left;
}
.TDLeftsmall
{
	border-collapse: collapse;
	border-color: #d3d3d3;
	text-align: left;
	font-size: x-small;
}
TABLE.blackborder TD
{
	border-width: 1px;
	border-color: #d3d3d3;
	background-color: #DFEDFF;
}
TH
{
	border-collapse: collapse;
	font-weight: bold;
}



HR
{
	color: #00008b;
	background: #00008b;
	border: 0;
	height: 1px;
}
	
UL 
{
    margin-bottom: 0pt;
    margin-top: 2pt;
    padding-bottom: 2pt;
    padding-top: 2pt;
}	
LI
{
	padding-top: 2pt;
	padding-bottom: 0pt;
}
.blackborder
{
	border-style:solid;
	border-width: 1px;
	border-color: #00008b;
}
.greybackground
{
	background-color: #eeeeee;
}

/* 
   used on the main page left table column 
   the default contains the wave background
*/
.categorylistbackground
{
	width: 170px;
	vertical-align: top;
	padding-top: 30pt;
	padding-left: 30pt;
	background-repeat: repeat-y;
}
SMALL
{
    font-size: 8pt;
    font-weight: normal;
}

/* Block backgrounds for headers etc. */
.menuband, .gridheader, .gridheaderbig, .buttonlinks, .blockheader, .roundedcorner_center
{
	color: #fff8dc;
	background-color: #003399;
	padding: 0px;
}

.textpagecaption
{
	font-weight: bold;
	font-size: 20pt;
	color: #EB8405;
	font-family: Arial;
	vertical-align: middle;
}
	
	.textpagesubcaption
{
	font-size: 12pt;
	color: #712C06;
	font-family: Verdana;
	vertical-align: middle;
}
	.textpagetext
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #18386b; 
	FONT-FAMILY: Arial;
	vertical-align:middle;
	text-align: left;
}
	
.textroundedleft
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16pt; 
	COLOR: #18386b; 
	FONT-FAMILY: Arial;
	vertical-align:middle ;
	}

.textroundedright
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #18386b; 
	FONT-FAMILY: Arial;
	vertical-align:middle ;
}

.textroundedleftred
{
	color: maroon;
    font-size: 14pt;
    font-weight: bold;
	font-family: Arial;
	vertical-align: middle;
}

.textroundedrightred
{
	color: maroon;
    font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
}
.gridbelowroundedpanel
{
	border-bottom: #345487 1px solid;
	border-left: #345487 1px solid;
	border-right: #345487 1px solid;
	
}
/* Alternate background color Color to offset the background
   used for the category list and banner strips for color
   variety. Should be a companion color to the block background
   colors (previous tag
*/
.alternatebackground
{
	color: white;
	background-color: #0066cc;
}

/* used for any block tags like headers on tables etc. */
.blockheader
{
	font-weight:bold;
}

.buttontext
{
	color: #333333;
}
.buttontext:hover
{
	color: #003300;
	cursor: pointer;
}
	


.titlescreenshot
{
	font-size: 8pt;
	text-align: left;
	color: #18386b;
	background-image: url(~/images/Products/OpportunityListPlus/HeaderScreenShots.bmp);
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: #f5f5f5 5px solid;
}


.webstoretitletext 
{
	color: #003399;
	font-size: 20pt;
	font-family: Verdana;
	font-weight: bold;	
	padding: 3px;
}
.webstorebanner
{
	font-weight: bold;
	background-repeat: repeat;
	height: 21px;
	padding-top: 5px;
	white-space: nowrap;
	background-position: 0% 0%;

}
.webstorebannertext
{
	font-weight: bold;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #6599d6;
}
.webstorebannertext:visited
{
	color:#6599d6;
}
.webstorebannertext:hover
{
	color: black;
}

/* Used on the category list as a standard link */
.menucolumn 
{ 
	padding:5px;
	border-bottom: solid 1px white ;
}
.menulink
{
   color: #666666;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none ;
    display:block;
    text-align:left;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.menulink:visited 
{
	color: #666666;
} 
.menulink:hover
{
	color: #C0C0C0;
	text-decoration: none;
	font-weight: normal;
}
.menulinkvertical
{
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #E6E5E5;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #E7E7E7;
	height: 20px;
}
.menulinkvertical:visited 
{
color: #000000;
} 
.menulinkvertical:hover
{
color: #000000;
	text-decoration: none;
	font-weight: normal;
	background-color: #CECECE;
}

.menulinkverticalSelected
{
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FA9216;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #E7E7E7;
	height: 20px;
}
.menulinkverticalSelected:visited
{
	color: #FFFFFF;
}
.menulinkverticalSelected:hover
{
	color: #FFFFFF;
}


.solutionlink
{
	color: #118BD8;;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 50px;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #E7E7E7;
	height: 37px;
	width: 200px;
	background-image: url(  '../../images/Solutions/BackgroundClear.png' );
}

.solutionlink:hover
{
	color: #df5c13;
	text-decoration: none;
	font-weight: normal;
	background-image: url(  '../../images/Solutions/Background.png' );
}

.solutionpictures
{
	border: thin solid #DFEDFF;
	width: 100%;
	text-decoration: none;
}

.menulinkheaderphone
{
	font-size: x-large;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
        
.menuband
{	
	font-weight: bold;
	height: 250px;
	padding-top: 5px;
}


.buttonlinks 
{
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding:2px;
    cursor:pointer;
}
.buttonlinks:visited { color: #fff8dc; }
.buttonlinks:hover { color:#00008b; text-decoration:none; background:white;} 

.imagelink
{
	text-decoration: none;
	padding-left:4px;
	padding-right: 4px;
	padding-top: 2px;
	cursor:pointer;
}
.imagelink:hover
{
	background: #B0C4DE;
	color: #000000;
	text-decoration: none;
} 

.submitbutton
{
	font-weight: bold;
	height: 35px;
	width: 200px;
	background: url(images/SubmitButton.gif);
	color: #fffacd;
	border: none 0px;
	cursor:pointer;
}
.submitbutton:hover { background: url(images/SubmitButtonHover.gif); } 
.submitbutton:active { background: url(images/SubmitButtonPressed.gif); }

.submitbuttonGreen
{
	font-weight: bold;
	height: 35px;
	width: 200px;
	background: url(images/SubmitButton.gif);
	color: #90ee90;
	border: none 0px;
	cursor:pointer;
}
.submitbuttonGreen:hover { background: url(images/SubmitButtonHover.gif); } 
.submitbuttonGreen:active { background: url(images/SubmitButtonPressed.gif); }

.smallbutton
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	color: Navy;
	background: url(images/smallbutton.gif);
	border: none 0px;
	cursor:pointer;
	color: #003300;

}
.smallbutton:hover { background: url(images/smallbuttonhover.gif); }
.smallbutton:active { background: url(images/smallbuttonpressed.gif); }

.smallbuttonRed
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	color: white;
	background: url(images/smallbuttonRed.gif);
	border: none 0px;
	cursor:pointer;
	
}
.smallbuttonRedSelected
{
	height: 24px;
	width: 90px;
	font-size: 8pt;
	color: #6495ed;
	background: url(images/smallbuttonRed.gif);
	border: none 0px;
}

.smallbuttonRed:hover
{
	background: url(images/smallbuttonRed.gif);
	text-decoration: underline;
	color: #add8e6;
}
	
.smallbuttonRed:active
{
	background: url(images/smallbuttonpressedred.gif);
	color: #add8e6;
}


.smallbuttontext
{
	font-size: 8pt;
	height: 20px;
	cursor:pointer;
	color: #003300;
	
}

.gradienthighlight
{
	background: white url(images/horizontalgradient.png) repeat-y;
}

.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright
{
	height: 15px;
	background: #003399 url(images/vertgradient.png) repeat-x bottom;
	text-align: left;
	font-weight: bold;
}

.gridtextsmall
{
	font-size: xx-large;
	text-align: left;
}

.gridtext
{
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
}

.gridtextright
{
	font-family: Verdana;
	font-size: 8pt;
	text-align: right;
}
.gridtextleft
{
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	color: #000000;
}

.gridtexthyerlink
{
	font-family: Verdana;
	font-size: 8pt;
	background-color: #ecf2fd;
	color: #00008b;
}
.gridtexthyerlink:visited
{
	font-family: Verdana;
	font-size: 8pt;
	background-color: #ecf2fd;
}

.gridtextlightlightblue
{
	font-family: Verdana;
	font-size: 8pt;
	background-color: #f4f8fb;
	text-align: left;
}
.gridtextlightblue
{
	font-family: Verdana;
	font-size: 8pt;
	background-color: #ecf2fd;
	text-align: left;
}
.gridtextlightbluecentered
{
	font-family: Verdana;
	font-size: 8pt;
	background-color: #ecf2fd;
	text-align: center;
}

.gridheaderleft
{
	text-align: left;
	color: #666666;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{
	background: url(images/vertgradient40.png) repeat-x bottom;
}
.gridnormallineitem
{
	background-color: #DFEDFF;
	color: #000066;
}
.gridnormal
{
	background-color: #eeeeee;
	color: #000066;
}
.gridalternate
{
	background-color: #eeeeee;
	background-color:#000066;
}
.gridhighlight
{
	background-color:#FFCC66;
	cursor:pointer;
}

.errormessage
{
	font-size: 10pt;
	font-weight: bold;
	color: Maroon;
}
.errordisplay
{
	font-size: 10pt;
	font-weight: normal;
	color: #8b0000;
	border: solid 2px #8b0000;
	background-color: #fff8dc;
	padding-left: 15pt;
	padding-right: 10pt;
	line-height: 15pt;
}
.errordisplay hr
{
	color: #8b0000;
}
.dialogwindow
{
	margin:0px;
	background: #eeeeee;
	font-size: 8pt;
}
.descriptionheader
{
	background: #003399;
	color: white;
	font-size: 8pt;
	text-align: left;
	padding: 10px;
}

.tabbutton, .selectedtabbutton
{
	font-size: 8pt;
	background: transparent url(images/tabnormal.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	cursor:pointer ;
	color: #00008b;
	width: 120px;
	border: none 0px;
	margin: 0px;
	padding:0px;
}
.tabbutton:hover
{
	background: transparent url(images/tabhover.gif) no-repeat;
}
.selectedtabbutton 
{ 
	font-weight: bold; 
	color: White; 
	background:transparent url(images/tabselected.gif) no-repeat;
	cursor:default;
}

.tabbuttontopdown, .selectedtabbuttontopdown
{
	font-size: 8pt;
	background: transparent url(images/tabnormaltopdown.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #00008b;
	width: 120px;
	border: none 0px;
	margin: 0px;
	padding:0px;
}
.tabbuttontopdown:hover
{
	background: transparent url(images/tabhovertopdown.gif) no-repeat;
}
.selectedtabbuttontopdown 
{ 
	font-weight: bold; 
	color: White; 
	background:transparent url(images/tabselectedtopdown.gif) no-repeat;
	cursor:default;
}
.roundedcordner_ul, .roundedcorner_ur
{
	height:25px;
	width: 20px; 
	padding: 0px;
}
.roundedcorner_ul
{
	background: url(images/corner_ul.gif) no-repeat;
}
.roundedcorner_ur
{
	background: url(images/corner_ur.gif) no-repeat;
}
.roundedcorner_center
{
	height:20px; 
	text-align: center;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	background-color: #003399;
}

.blue_tl
{
	background: url(/images/TitleCardBorder_TopLeft.PNG) no-repeat 0px 0px;
} 
.blue_tc
{
	background: url(/images/TitleCardBorder_TopCenter.png) repeat-x;
} 
.blue_tr
{
	background: url(/images/TitleCardBorder_TopRight.png) no-repeat;
} 

.blue_ml
{
	background: url(/images/TitleCardBorder_MiddleLeft.PNG) repeat-y;
} 
.blue_mr
{
	background: url(/images/TitleCardBorder_MiddleRight.PNG) repeat-y;
} 

.blue_bl
{
	background: url(/images/TitleCardBorder_BottomLeft.PNG) no-repeat 0px 0px;
} 
.blue_bc
{
	background: url(/images/TitleCardBorder_BottomCenter.png) repeat-x;
} 

.blue_br
{
	background: url(/images/TitleCardBorder_BottomRight.PNG) no-repeat 0px 0px;
} 

