/* CSS Document */


  @import url(brands.css);
  
  BODY {
	BACKGROUND: url(../assets/ui/UI_Page_BGD.jpg) #D9CBB1; 
	COLOR:#333333;		
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
 	margin:0px;
	}

br{
line-height:8px;
}

p{
line-height:18px;
}


#editor{
position:relative;
top:700px;
left:100px;
}


.hidden{
display:none
}



#styleArea{
position:absolute;
top:0px;
left:50%;
height:600px;
width:800px;
margin-left:-400px;
}


/* Backgrounds*/
.home{
background-image: url(../assets/ui/UI_Home_Template.jpg);
height:600px;
width:800px;
margin-left:auto;
margin-right:auto;
}


/* !important;../assets/ui/UI_Default_Template.jpg */

.default{
background-image: url(../assets/ui/UI_Default_Template.jpg) ;
height:600px;
width:800px;
 	margin-left:auto;
	margin-right:auto;
}

.application{
background-image:  url(../assets/ui/UI_Application_Template.jpg);
height:600px;
width:800px;
margin-left:auto;
margin-right:auto;
}


  
  
/* Screen  css*/
#mainPageArea{

position:absolute;
top:0px;
left:50%;
height:600px;
width:800px;
margin-left:-400px;
}


#container {
MARGIN: 0px;
WIDTH: 800px; 
POSITION: relative; 
TEXT-ALIGN: left
}

#navbarArea{
position:relative;
top:10px;
left:0px;
HEIGHT: 25px;
width: 810px;
text-align:left;
}

#logoArea{
position:relative;
float:left;
top:10px;
left:15px;
HEIGHT: 100px;
width: 250px;
text-align:left;
z-index:1000;
}

/* PPW logo */
.logo{
position:relative;
float:left;
top:10px !important;
top:10px;
left:5px;
border:solid 0;
}


#bannerArea{
position:absolute;
top:40px;
left:0px;
float:inherit;
height: 100px;
width:800px; 
padding-right:20px;
z-index:1000;

}

/* PPW logo */
.banner{
position:relative;
float:right;
top:4px;
left:-26px;
}

/*refine the images*/
.img-shadow2 {
  float:left;
  background: url(../assets/ui/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../assets/ui/shadow.jpg) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 5px; /* IE */
   
  }

.img-shadow2 img {
  display: block;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 3px;
  } 





#contentAreaHome{
/* home*/

position:absolute;
top:230px;
left:15px;
height:140px;
width: 740px;

padding-left:20px;
text-align:left;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}


#contentAreaApp{
position:absolute;
top:177px;
left:40px;
width: 700px;
height:375px;
}


#contentArea{
position:absolute;
top:177px;
left:175px;
width: 580px; 
height:375px; 
padding-right:20px; 
overflow:auto;
}


#contentAreaEdit{
position:relative;
top:25px;
left:85px;
height:400px;
width: 575px; 
text-align:left;
overflow:hidden;

}


#footerArea{
position:absolute;
top:557px !important; 
top:560px;
left:25px !important;
left:25px;
height:18px;
width: 740px;
text-align:Center;
}

#footer{
	font-size:10px;
	color:#FFFFFF;
}
#footer A{
	font-size:10px;
	 font-weight:bold;
	color:#FFFFFF;
}


A {
	TEXT-DECORATION:none;
}


#sidebarArea{
position:absolute;
top:200px;
left:15px;
/*
height:385px;
width: 120px;
*/
text-align:left;
}

.sidebarAreaHidden{
visibility:hidden;
}

.sidebarAreaShow{
visibility:visible;
}



/* Navbar CSS*/


#Navbar {
position:relative;
left:0px;
top:5px;
z-index:100;
margin-right: 50px;
margin-left: 50px;
background: #131F2F no-repeat 50% 0;
color: #FFFFFF;
font-family:Tahoma, Arial, Helvetica, sans-serif; 

font-size:10px; 
padding-left:5px;
padding-right: 5px;
text-align:center;
}


/*Selection Styles */

.NavbarSel{

	color: #d9ae4f;
	background:#131F2F;
	TEXT-DECORATION: none;
	border-bottom:solid  #996600 thin;
		border-bottom:solid  #d9ae4f thin;
	padding-bottom:1px;  
	
	font-size:11px; 
	font-weight:bolder;
	padding-left:5px;
	padding-right: 5px;
}

.NavbarSelOff{
	color: #FFFFFF;
	font-size:11px; 
	font-weight:bolder;
	padding-left:5px;
	padding-right: 5px;
}


#Navbar A {

	TEXT-DECORATION:none;
}
 #Navbar A:link {


	TEXT-DECORATION: none;
}
#Navbar A:visited {


	TEXT-DECORATION: none;
}
#Navbar A:hover {
	color: #d9ae4f;
background:#131F2F;
	TEXT-DECORATION: none;
	border-bottom:solid  #996600 thin;
	border-bottom:solid  #d9ae4f thin;
	padding-bottom:1px; 
}

 #Navbar A:active {
		color: #d9ae4f;
	}






/*  content */

.topic{
 	font-family:Arial, Helvetica, sans-serif;
	LINE-HEIGHT: 19px;
	text-align:left;
	font-size:75%;
	height:375px !important;  
 	height:375px;	
}

/*Basic Topic Heading*/
.topic H3 {
margin-top: 6px;
MARGIN-BOTTOM: 18px; 
BORDER-BOTTOM: #666666 2px solid;
margin-left:0px;
margin-right:30px;
padding-bottom: 10px;
COLOR:#333333;	
font-family:Georgia, "Times New Roman", Times, serif;
font-size:140%;
font-weight:bold;
text-align:right;
LINE-HEIGHT: 24px; 
}



/* Side bar*/
	
#SideBar{
Position:absolute;
top: 0px;
left:0px;
/* FIX For APPP
height:	330px;
width:160px;
z-index:20;
*/
}
	

#linkList {
	POSITION:relative; 
	TOP: 25px;
	LEFT: 2px; 
	/* WIDTH: 139px; */
}




#linkList H3 {
	text-align:left;
	WIDTH: 115px; 
	MARGIN-TOP: 0px; 
	margin-left: -3px;
	BORDER-BOTTOM: #2A4567 2px solid;
	MARGIN-BOTTOM: 10px; 
}




H3.select {
	MARGIN-BOTTOM: 1px;
	COLOR:#996600;	

	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	LINE-HEIGHT: 18px;
	font-weight:bold;
	DISPLAY: block;
	padding-left:3px;
	padding-right:3px;
	TEXT-DECORATION: none;
}


H3.select A:active{
	COLOR:#996600;	
	TEXT-DECORATION: none;
}

H3.select A{
	COLOR:#996600;	
	TEXT-DECORATION: none;
}

H3.select A:hover{
	COLOR:#996600;	
	TEXT-DECORATION: none;
}

H3.select A:visited{
	COLOR:#996600;	
	TEXT-DECORATION: none;
}
H3.select A:link{
	COLOR:#996600;	
	TEXT-DECORATION: none;
}

H3.archives {
position:absolute;
top:205px; 
left: 0px;
MARGIN-BOTTOM: 1px;
COLOR:#996600;
font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	LINE-HEIGHT: 18px; 
	font-weight:bold;
	DISPLAY: block; 
	padding-left:3px;
	padding-right:3px;
	TEXT-DECORATION: none;
}


#linkList UL {
position:relative;
margin-top: 1px;
width:122px;
left:16px;
LIST-STYLE-TYPE: none;
line-height: 14px;

}

#lselect UL{
position:relative;
top:0px; 
left: 15px;
width:122px;
LIST-STYLE-TYPE: none;
line-height: 14px;
}


#lselect UL LI {
position:relative;
left: -55px;
top:0px;
FONT-SIZE: 70%; 
MARGIN-BOTTOM: 5px; 
COLOR:#996600;
DISPLAY: block; 
width:122px;
LIST-STYLE-TYPE: none;
line-height: 14px;

}

#lselect UL LI A:active {
FONT-WEIGHT: bold; COLOR: #4D4D4D;  TEXT-DECORATION: none;
}
#lselect UL LI A {
	FONT-WEIGHT: bold; COLOR: #4D4D4D; TEXT-DECORATION: none;
	}
#lselect UL LI A:link {
	FONT-WEIGHT: bold; COLOR: #4D4D4D; TEXT-DECORATION: none;
}
#lselect UL LI A:visited {
	FONT-WEIGHT: bold; COLOR:#4D4D4D;  TEXT-DECORATION: none;
}
#lselect  UL LI A:hover {
FONT-WEIGHT: bold; COLOR:#996600; TEXT-DECORATION: underline
}


#larchives UL {
position:absolute;
top:230px;
left: -45px;
width:122px;
LIST-STYLE-TYPE: none;
line-height: 14px;
}


#larchives UL LI {

		FONT-SIZE: 70%; 
		MARGIN-BOTTOM: 5px; 
		COLOR:  #2C2C2C;
		DISPLAY: block; 
		PADDING-RIGHT: 0px; 
		PADDING-LEFT: 5px; 
}
#larchives UL LI A {
	FONT-WEIGHT: bold; COLOR:  #4D4D4D; TEXT-DECORATION: none;
	}
#larchives UL LI A:link {
	FONT-WEIGHT: bold; COLOR:  #4D4D4D; TEXT-DECORATION: none;
}
#larchives UL LI A:visited {
	FONT-WEIGHT: bold; COLOR:  #4D4D4D; TEXT-DECORATION: none;
}
#larchives UL LI A:hover {
	FONT-WEIGHT: bold; COLOR:  #996600; TEXT-DECORATION: underline
}
#larchives UL LI A:active {
	FONT-WEIGHT: bold; COLOR:  #4D4D4D; TEXT-DECORATION: none;
}



/*
APPS  Office Staff
*/
.staffHeadline {
	font-size: 10pt;
	line-height:20px;
}



/*
APPS  Login Form 
*/

.loginFormCls{
 font-size: 10px; 
 background-color: #CCCCCC; 
 border: 1px solid #666666; 
}
.loginFormButtonCls{
 font-size: 10px; 
 background-color: #CCCCCC; 
 border: 1px solid #666666; 
 width:50px;
}


#loginFormContainer {

position:absolute;
top:555px !important;  
top:558px;
left:345px!important; 
left:345px; 
height:32px;
z-index:20000;
 overflow:hidden;
	 font-size: 11px;
	 font-family:Arial, Helvetica, sans-serif;

	 color:#FFFFFF;
	  text-align:center;
	  vertical-align:middle;
}





#loginResultContainer{
position:absolute;
top:560px !important;  
top:562px;
left:345px!important; 
left:345px; 
height:27px;
z-index:20000;

width:500px;
	 font-size: 11px;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	  text-align:center;
	  vertical-align:bottom;
	    overflow:hidden;
}



/*Print menu*/
.printContainer {
	BACKGROUND: url(../assets/ui/print.png) no-repeat; 
	vertical-align:middle;
	position: absolute;
	z-index: 5000;
	top: 184px;
	left: 736px; 
	width: 24px;
        height: 28px;	
        visibility: inherit;
       cursor:pointer;
}


#appHomepage{
 z-index:2000;
   
 }
#appImageBank{ 
z-index:2000;
}
#appFindwines{
 z-index:2000;
 }
#appLogin{ 
z-index:2000;
}


.MyDebugArea{
position:absolute;
top:857px !important; 
top:860px;
left:10px !important;
left:10px;
}