﻿body 
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 11px;
	/*background-image: url('./images/Background.jpg');
	background-repeat:no-repeat;*/
	background-image: url('./images/body-bg.jpg');
	background-repeat:repeat-x;
}
/* 
**	PAGE WIDTH: 940px	(determined *only* in the container)
**	LEFT PAGE FRAME: 20%	(look for all the "20" in the doc for changes)
*/

#container
{

	margin: 0 auto 0 auto;
	width: 1020px;
        
	background-color:White;  
	box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);	
    /*
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
        */
	border-bottom: 1px solid #dcdcdc;
}
#bottomFrameLanguage 
{
	margin: 0 auto 0 auto;
	width: 1020px;
}

#topFrame
{
    width:1020px;
	/*
	background-color: #002135; 
	*/
	/*height: 100px;*/
}


#topFrameUpperPanel
{
	/*
	width:740px;
	height:100px;
	*/	 
	width:100%;
	height:124px;
}

.CoreImageLogo
{
    width:100%;
    height:100%;
}

#topFrameLogo
{
    height:124px;
	/*
	background-color: #002135;
	*/
	float: left; 
	/*
	*/
    /*
	width: 20%;
	height: 64px;	
        */
}

.topFrameStore {
    top:8px;left:2px;position:relative;
}

.topFrameFacebook {
    top:28px;left:133px;position:relative;
}

.topFrameTwitter {
    top:28px;left:133px;position:relative;
    
}

.aNoUnderline {
text-decoration: none;
}

.divUpperSocial {
    float:right;width:204px;height:124px;top:-124px;position:relative;
}

#topFrameWelcome
{
	/*line-height: 34px; */
	float: left; 
	/* 
	width: 164px;
	*/
	width:30%;
	/*width:200px;*/
	height: 26px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	/*border-bottom: dashed 1px #648090;*/
	/*border-right: dashed 1px #648090;*/
	/*border-right: solid 1px #648090;*/
	/*vertical-align: middle; */
	/*letter-spacing: 1px;*/
}

#topFrameMenu
{
    /*margin-left: 21%;*/
    margin-top: 1px;
    float:left;
    margin-left:12px;
	height: 34px;
	width: 60%;
}

#topFrameMiddlePanel
{
	width:100%; 
	position:relative; 
	border-bottom-style:solid; 
	background-image:url('./images/bkg-nav.gif') ; 
	border-radius:7px 7px 0 0;
	height: 36px;
	/*background-color: White; */
	border-bottom: 1px #648090;
}

#topFrameBottomPanel
{
	/*height: 20px;*/
	height: 24px;
	padding-right: 3px;
	position: relative;
}

#scroller {
 white-space: nowrap;
 position: relative;
 line-height: 12px;
 font-size: 12px;
 /*top:-12px;*/
}
#scroller p 
{
	margin: 0px;
}


#scroller p {
 padding: 0;
 margin-top: 2px;
}
/* Scoller Box */

#scrollerParent {
 height:26px;
 width:100%;
 display: block;
 position: relative;
}


#menuPanel
{
	/*margin-top: 5px;
	margin-bottom: 5px;*/
	/*border-bottom: solid 1px #648090;    */
}

#middleFrame
{
	/*padding: 10px;*/
    /*padding-bottom:20%;*/
	background-color:White;
}

#leftPanel
{
	padding-top: 10px; 
	float: left;
	width: 20%;
	color: #648090;  
	/*border-right: dashed 1px #648090;*/
	
	/*background-color: Red; */
}

#rightPanel
{
	padding-top: 10px; 
	/*
	margin-left: 164px;
	*/
	margin-left:21%;
	/*background-image: url(content-bg.png); */
	/*background-color: blue; */
}

#bottomFrame
{
	/*min-height: 50px;*/
	background-color: rgb(220,220,220);
}

#copyrightHolder
{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	/*width: 650px;*/
}

#sep
{
	clear: both;
}

#topFrameUpperLeftContainer
{
	/*
	 margin-left:164px; 
	*/
	margin-left:20%;
	height:64px;
	 /*width: 660px;*/
	 /*background-color: Red; */
}
	
#CoreLogin
{
	/*
	background-color: #002135;
	*/
	height:32px;
	line-height: 32px;  
	text-align: right;
}
		
#CoreSearch
{
	/*height:32px; */
	/*line-height: 32px;  */
	/*
	background-color:#648090; 
	*/
	color:#002135; 
	/*text-align: right; */
	text-align: left;
	color: White; 
	padding-right: 5px;
}

.divLoginStatus
{
    position:absolute;
    top:0;
    right:122px;
    margin-right:2px;
    margin-top:5px;
    width:64px;
    padding-top:6px;
}

/*
.logincss
{
	text-align:left;
	color:Black;
	width:64px;
}
    */

.logincss
{
    text-decoration:none;
}

.searchcss
{
	color:Black;
	padding-top:2px;
}

.relative-top20
{
    position: relative;
    top: 24px;
}

.UpperCase
{
	text-transform:uppercase;
}

.LowerCase
{
	text-transform:lowercase;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.break
{
    clear: both;
}

.margin-around-5px
{
    margin: 5px;
}

.float-right
{
	float:right;	
}

.text-align-right
{
	text-align:right;
}

.text-not-optional
{
	color:Black;
	font-weight:bold;	
}

.text-optional
{
	color:Black;
}

.text-tip
{
	color:Gray;	
}

.intro-text
{
	color:Gray;
	/*font-size:larger;
*/
}

a.email 
{
	color:#0066cc;
}

a.email:visited
{
	color:#0066cc;
}

.id-ContactTableTitle
{
	padding:5px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.linkLikeButton 
{
    /*
font: 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333; 
padding: 2px 6px 2px 6px;
 width:80px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
*/
display:inline-block;
border:solid 1px #333;
 background:#ccc;
color:#333;
 text-decoration:none;

}


#ContactTable input
{
	font-size:11px;	
}

#divDynamicHtml
{
	margin:0 10px 0 10px;
}
/*
#divDynamicHtml a:visited
{
	color:#0000ff;
}

#divDynamicHtml a:link
{
	color:#0000ff;
}
*/

a img, a:hover img, a:visited img {
border:0;
}


#copyrightHolder a:link 
{
	color:#0000ff;
	text-decoration: underline;
}

#copyrightHolder a:visited
{
	color:#0000ff;
	text-decoration: underline;
}

#SearchBox
{
	height:24px;
	float:right;
	margin-right:12px;
	border:1px solid #4f84b3;
	border-radius:3px;
	margin-top:5px;	
	background-color:White;
	overflow:hidden;
}


.submenuItem
{
  Font-Size:11px; 
  font:Verdanal;
  /*display: block;*/
  float:left;
  color:#D4DEE2;
  background-image: url(./images/bkg-nav-sub.gif);
  /*Background-color:#c8c9ca; */
  Height:20px; 
  width:150px;
  padding-top:4px;

}

.submenuItem:Hover
{
	background-image:none;
	color:white;
	background-color:#4f84b3;
}

.Menu-Skin-StaticItem
{
	/*Background-color:#c8c9ca; */
	
	background-image: url(./images/bkg-nav-sub.gif);
	height:20px;
	/*border:1px solid #c8c9ca;*/
	border:1px solid #4f84b3;
	
}

.pathMenuItem 
{
    /*
    background-image: url("./images/pathmenu_separater.png");
*/
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    /*display: block;*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 8px 0px 8px 8px; 
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

/*
a.pathmenu:hover {
    color: #803838;
    text-decoration: none;
}
*/


/* WAVE */

.login-form .new-user {
    font-size: 14px;
    color: #555555;
    text-shadow: 0 1px 1px #dddddd;
}
.login-form .new-user:hover {
    color: #0000ff;
}
.login-form-wrapper {
    width: 400px;
    margin: 80px auto 100px auto;
    box-shadow: 0 0 5px #e5e5e5;
}
.copyright-wrapper {
    width: 400px;
    text-align: center;
    font-size: 11px;
    margin: 5px auto 0 auto;
    color: #555555;
}
.login-form {
    border: 1px solid #c5c5c5;
    border-radius: 5px 5px 5px;
    background: #f4f4f4;
}
.login-form .login-form-outer-footer {
    margin: 2px 2px 2px 2px;
    border-top: 1px solid #c5c5c5;
}
.login-form .login-form-footer {
    border-top: 1px solid #e9e9e9;
    padding: 12px 5px 12px 5px;
    background: #efefef;
}
.login-form .input-label-left {
    float: left;
}
.login-form .input-label-right {
    float: right;
}
.clearfix {
    clear: both;
}
.login-form .anchor-right {
    text-align: right;
}
.login-form .login-form-content {
    margin: 20px 8px 15px 8px;
}
.login-form .button {
    border: 1px solid #ddd;
    border-radius: 3px;
    text-shadow: 0 1px 1px white;
    box-shadow: 0 1px 1px #fff;
    padding: 6px 20px;
    white-space: nowrap;
    vertical-align: middle;
    color: #666;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;			
}
.login-form .button:hover, .login-form .button:focus {
    border-color: #999;
    background: -webkit-linear-gradient(top, white, #E0E0E0);
    background: -moz-linear-gradient(top, white, #E0E0E0);
    background: -ms-linear-gradient(top, white, #E0E0E0);
    background: -o-linear-gradient(top, white, #E0E0E0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.login-form .button:active {
    border: 1px solid #aaa;
    border-bottom-color: #ccc;
    border-top-color: #999;
    box-shadow: inset 0 1px 2px #aaa;
    background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
    background: -moz-linear-gradient(top, #E6E6E6, gainsboro);
    background: -ms-linear-gradient(top, #E6E6E6, gainsboro);
    background: -o-linear-gradient(top, #E6E6E6, gainsboro);
}
.login-form .input-label {
    color: #555555;
    text-shadow: 0 1px 1px #dddddd;
    margin-bottom: 5px;
}
.login-form .input-field {
    padding-bottom: 0px;
}
.login-form .input-field input {
    height: 30px;
    padding-left: 30px;
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-color: silver #D9D9D9 #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    outline: none;
    width: 350px;		
}
.login-form .input-field input:hover,
.login-form .input-field input:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: none;		
}
.login-form .login-form-header {
    color: #555555;
    text-shadow: 0 1px 1px #dddddd;
    font-size: 22px;
    margin-left: 7px;
    margin-top: 20px;
    margin-right: 7px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c5c5c5;
}
.login-form .input-hint {
    font-size: 11px; 
    line-height: 11px; 
    font-style: italic; 
    padding-bottom: 5px; 
    color: #777777;		    
}
.login-form .error-indicator {
    border: 1px solid #fb9d9d;
    margin-bottom: 10px;
    padding: 3px;
    color: #555555;
    font-size: 14px;
    text-align: justify;
    background-color: #ffeeee;
    cursor: pointer;
}

/* END WAVE */