.portalTitle h1 
{
    font-size: 1.6em;
}

#facebookIcon {
    padding-left: 30px;
}

.noBackground
{
    background-color:white;
}

.supportMessage 
{
    font-size:0.9em;
}

/*********************************************************************************/
/* Requestor login box                                                           */
/*********************************************************************************/
.RequestorLoginOutsidebox
{
    text-align:left;
    font-size:smaller;
    _padding-left: 20px;
    max-width:350px;
    z-index:100;

    /*debug*/
    _border : 1px solid brown;
}

.RequestorLogin
{
    text-align:left;
    width:300px;
    border : 1px solid black;
    background-color:#DBEFCB;
    _background-color:#DBEFCB;
    border : 10px solid #f0f0f0;
    padding: 4px;
    z-index:100;
    
    /*Rounded Corners*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);    
}

table.center
{
    margin-left:auto; 
    margin-right:auto;
}

.loginButton
{
    background:transparent;
    border:1px solid black;
}

.requestorLoginButton
{
    background-color:#C3D1B8;

    /*Rounded Corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);    
}

.requestorLoginButton:hover
{
    background-color:#79aef2;
}

.RequestorNote 
{
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    font-size: 0.85em;
    color:blue;
    _max-width:280px;
    width:300px;
}

/*********************************************************************************/
/* Provider                                                                      */
/*********************************************************************************/
.ProviderLogin
{
    text-align:left;
    width:300px;
    border : 1px solid black;
    background-color:#DAF5FE;
    border : 10px solid #f0f0f0;
    padding: 4px;
    
    /*Rounded Corners*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);    
}

.ProviderLoginOutsidebox
{
    _right:20px;
    text-align:left;
    font-size:smaller;
    _padding-right: 20px;
    max-width:350px;

    /*debug*/
    _display:inline-block;
    _border : 1px solid brown;
}

.providerLoginButton
{
    background-color:#C6D8DE;

    /*Rounded Corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}

.providerLoginButton:hover
{
    background-color:#ccddaa;
}

/*********************************************************************************/
/* Up sale middle box                                                            */
/*********************************************************************************/
.UpSaleMiddleBox {
    z-index:-100;
    max-width : 300px;
	width : 300px;
    /*debug*/
    border:2px solid gray;
	
	/*Rounded Corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}

.UpSaleMiddleBox .AttentionBlock
{
    display:inline-block;
    max-width : 350px;
    border: 6px solid red;
    padding:5px;
}

.UpSaleMiddleBox .ExtraAttention
{
    color:green;
    display:inline-block;
    max-width : 550px;
    border-top: 3px dotted green;
    border-bottom: 3px dotted green;
}

.UpSaleMiddleBox .ExtraAttention a:link,
.UpSaleMiddleBox .ExtraAttention a:visited,
.UpSaleMiddleBox .ExtraAttention a:hover,
.UpSaleMiddleBox .ExtraAttention a:active
{
    text-decoration:underline;
    color:blue;
}

.UpSaleMiddleBox .Attention
{
    margin-bottom:20px;
    color:red;
    font-weight:bolder;
    font-size:1.8em;
}

.UpSaleMiddleBox .AttentionBlock .AttentionMessage
{
    padding:5px;
    color:orange;
    margin-bottom:10px;
    font-weight:bolder;
    font-size:1.4em;
}

.UpSaleMiddleBox .AttentionBlock .LearnMoreButton
{
    /*Rounded Corners*/
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    background-color: #01addf;
    width:90%;

    padding-top:10px;
    padding-bottom:10px;
    
    margin-left:auto;
    margin-right:auto;
}

.UpSaleMiddleBox .AttentionBlock .LearnMoreButton a:link,
.UpSaleMiddleBox .AttentionBlock .LearnMoreButton a:visited,
.UpSaleMiddleBox .AttentionBlock .LearnMoreButton a:hover,
.UpSaleMiddleBox .AttentionBlock .LearnMoreButton a:active
{
    color:white;
    font-weight:bolder;

    font-size: 0.9em;
    text-decoration:none;
    text-align:center;
}

.AttentionLogo {
    color:green;
    font-size:1.1em;
    padding-top:5px;
}

.bigBother
{
	border: 2px gray solid;
	margin-top : 30px;
	padding: 5px 0px 5px 0px;
	
	/*Rounded Corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}

/*********************************************************************************/
/* Provider and Requestor                                                        */
/*********************************************************************************/
.RequestorLogin table,
.RequestorLogin table td,
.RequestorLogin table tr,
.ProviderLogin table,
.ProviderLogin table td,
.ProviderLogin table tr
{
    padding : 5px;
}

.RequestorLogin h2,
.ProviderLogin h2
{
    text-align:center;
    line-height: normal;
    display: inline;
    font-size: 1.6em;
}

.RequestorLogin
{
    text-align:center;
    height:250px;
}
.ProviderLogin
{
    text-align:center;
    height:200px;
}

.loginError
{
    color:red;
}

/*********************************************************************************/
/* How to login                                                                  */
/*********************************************************************************/

.highlightEntry
{
    border: 1px solid red;
}

.highlight {
    font-weight:bolder;
    border : 2px solid;
}​


/*********************************************************************************/
/* Menu                                                                           */
/*********************************************************************************/
.menu
{
	position: absolute;
	right: 0;
	top: 2em;
}

.menu > ul > li > ul
{
	display: none;
}

.menu ul
{
	display: inline-block;
}

.menu li
{
	display: block;
	float: left;
	text-align: center;
}

.menu li a, #menu li span
{
	display: block;
	padding: 0.01em 1.5em;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: 600;
	text-transform: none;
	outline: 0;
	color: blue;
}

.menu li:hover a, 
.menu li.active a, 
.menu li.active span
{
}

.menu .current_page_item a
{
}

/* Footer */
.footerTagLine
{
    text-transform: none;
	color: blue;
	font-size: 0.9em;
}

.footerCopyWrite
{
	letter-spacing: 0.15em;
	font-size: 0.75em;
}