html{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 
} 

body{ 
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  padding:0; 
  text-align: center; 
} 

A:link ,  A:active,  A:visited, A:hover{
	color: #000;
}

.shadowbox a:visited, .shadowbox a:hover{
	color:  black;
}

#pagewidth{ 
  text-align:left; 
  margin: 0;
  padding: 0;
}

#header {
    width: 100%;
    height: 120px;
    background: #0d4671;
}

#header h1{
  background: url("/images/portal-vwfacilities-logo.png") no-repeat 45px 10px;
  height: 60px;
  width: 400px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: absolute;
}


.tabhead{
  padding: 0 0 0px 20px;

  margin: 90px 0 0 0; 
  position: absolute;
}
#header h1 a{
  position: relative;
  display: block;
  top: 12px;
  left: 15px;
  width: 140px;
  height: 32px;
}

#header h1 a span{
  display: none;
}

#actionList{
  margin: 10px 0 10px 0;
  height: 20px;
  padding: 0;
  list-style: none;
}
#actionList li{
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

#sortList
{
	
  height: 26px;
  display: block;
  padding: 8px 0 8px 0;
}
#sortList input{
  vertical-align: middle;
}



/*Rad Tool Bar */
.RadToolBar{
    width: 99%;
  
 
}



#content{
  color: #000;
  margin-left: 0px;
  padding: 2px 2px 2px 25px;
}
.blueContent{
  padding: 2px 2px 2px 25px;
  
  color: #333;
}
.blueContent .fieldName{
  color: #666;
}

#pnlContacts{
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}
#pnlContacts th{
  background-color: #c4d0d5;
  color: #333;
  padding: 4px;
}
#pnlContacts input{
  vertical-align: middle;
}
#pnlContacts .pnlContactGroup input{
  vertical-align: middle;
  float: left;
}
.pnlContactGroup{
  display: block;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
#pnlContacts span{
}
.pnlContactGroup .pnlContactField{
  display: block;
  margin-left: 26px;
  padding: 2px;
}


 #ForumActions{
	padding-top: 15px;
 }
 
 .photoPageNav{
    width: 100%;
    clear: both;
    height: 20px;
    text-align: right;
 }
 
/*Base css

.RadPanelBar .rpLink{
  width:100%;
  outline:none; Remove this for FF to put dotted border around the focused item 
}

.RadPanelBar .rpText{
  cursor:pointer;
  _cursor:hand;
}

.RadPanelBar .rpSlide{
  overflow:hidden;
  display:none;
  zoom: 1;
}

.rtl .rpImage{
  border:0;
  float:right;
}

.rtl {
  text-align:right;
}

*/




#CommunicationTable, #ProjectTable, #Datalist1, #DataGrid1, #carttable, .ProjectTable{
	padding: 0;
	margin: 10px 10px 15px 0;
	border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	width: 98%;
	background-color: White;
}
    #CommunicationTable th, #ProjectTable th, #Datalist1 th, #DataGrid1 th, #carttable th, .ProjectHead {
        font: bold 10px Arial, Helvetica, sans-serif;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        padding: 5px 6px 5px 10px;
        background: #0d4671;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
	#CommunicationTable th a, #ProjectTable th a, #Datalist1 th a,  #DataGrid1 th a, #carttable th a, .ProjectTable th a, .ProjectHead td a{
		color: white;
		font-weight: bold;
		text-decoration: none;
	}
#CommunicationTable td, #ProjectTable td, #Datalist1 td, #DataGrid1 td, #carttable td, .ProjectTable td{

	border-bottom: 1px solid #cccccc;
	padding: 6px 9px 6px 9px;
	font-size: 12px;
}


#CommunicationTable td a, #ProjectTable td a, #Datalist1 td a, #DataGrid1 td a, #carttable  td a  {  
	color: #000;
	font-size: 12px;
}
.ProjectHead A:link , .ProjectHead A:visited, .ProjectHead A:active, .ProjectHead A:hover{
	color: White;
}

 .ex_wrapper
 {
	background: #ffffff;
	color: White;
	padding:   5px 0px 0px 0px;
 }  
 
 
/* --------------- from old style sheet --------------- */

h2
{
	* padding-top: 10px;
	font-size: 14px;
	color: #000;
}

h4{
	font-size: 12px;
	display: block;
}

.shadowbox h2{
	padding: 0;
	margin: 0;
	background: url("/images/block-h2-bg-leftdb.gif") repeat-x left top;
	color: white;
}
.shadowbox h2 span{
	background: url("/images/block-h2-bg-rightdb.gif") no-repeat right top;
	padding: 5px 10px;
	display: block;
}

.shadowbox ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	display: block;
}
.shadowbox li{
	padding: 10px 10px 3px 25px;
	margin: 0;
	background: #c4d0d5 url("/images/link-bullet.gif") no-repeat 10px 12px;
	border-top: 1px dotted #7c94aa;
	border-bottom: 1px dotted #e5eff2;
	display: block;
}
.shadowbox li:hover{
	background-color: #7c94aa;
}
.shadowbox a{
	color: #242b31;
}
.shadowbox a:hover{
	color: #ffffff;
}
.shadowbox .list-title{
	color: #111111;
	font-weight: bold;
	padding: 3px 10px;
	background-image: none;
}

.shadowbox ul li ul{
	padding: 0;
	margin: 0;
}
.shadowbox ul li ul li{
	border: none;
	margin: 0;
	background-color: transparent;
}
.GCSRegionList{
	padding: 0;
	margin: 0;
}
.GCSRegionList li{ 
	padding: 10px 10px 3px 30px;
	background-position: 7px 8px;
	background-repeat: no-repeat;
	background-image: url("/images/chart_organisation.png");
}
.GCSRegionList li.my_dealership{
	padding-left: 39px;
	background-position: 19px 8px;
	background-repeat: no-repeat;
	background-image: url("/images/chart_organisation.png");
}
.GCSRegionList li.Australia{
	background-image: url("/images/au.png");
}
.GCSRegionList li.China{
	background-image: url("/images/cn.png");
}
.GCSRegionList li.India{
	background-image: url("/images/in.png");
}
.GCSRegionList li.Japan{
	background-image: url("/images/jp.png");
}
.GCSRegionList li.Indonesia{
	background-image: url("/images/id.png");
}
.GCSRegionList li.Malaysia{
	background-image: url("/images/my.png");
}
.GCSRegionList li.Zealand{
	background-image: url("/images/nz.png");
}
.GCSRegionList li.Philippines{
	background-image: url("/images/ph.png");
}
.GCSRegionList li.Africa{
	background-image: url("/images/za.png");
}
.GCSRegionList li.Taiwan{
	background-image: url("/images/cn.png");
}
.GCSRegionList li.Thailand{
	background-image: url("/images/th.png");
}
.GCSRegionList li.Vietnam{
	background-image: url("/images/vn.png");
}
.GCSRegionList li.Eview{
	background-image: url("/images/eview_bullet.png");
}
 
.GCSRegionList li.Invoices{
	background-image: url("/images/invoice_bullet.png");
}
.GCSRegionList li.Lincoln{
	background-image: url("/images/lm_bullet.png");
}
.GCSRegionList li.American{
	background-image: url("/images/na.gif");
}
	
#interior{
	/*background: #F0FFDF;
	border: 1px solid #99CC66;*/
 
	padding: 15px 0;
}

#interior A:link, #interior A:visited, #interior A:active, #interior A:hover{
	color: #000;
	font-size: 12px;
}

#interior h3{
	font-size: 12px;
	color: #000;
}

#interior span.interior{
	background: url("/images/information.png") no-repeat left 0px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 4px;
	padding-left: 20px;
}
	
#inbox{
	/*border: #DDE8F0 1px solid;*/
 
	padding: 15px 0;
}
.inboxitem{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: #666;
}
.inboxitem span.event{
	display: block;
	min-width: 200px;
	margin: 3px 0 3px 10px;
}
	
.projectRequest{
	background: #A2C65E;
	height: 40px;
	padding: 10px;
/*	border: 1px solid #7EA33A;*/
	border-bottom: 2px solid #e5eff2;
}
.projectRequest a{
	padding-left: 20px;
	background: url("/images/folder_add.gif") no-repeat left center;
	color: #000000;
	font-weight: bold;
}
table.actphoto td{
	padding: 6px;
	border-bottom: 1px solid #e5eff2;
 
}
table.actphoto{
	padding: 0;
	margin: 0;
    font-size: 10px;
	clear: both;
 
	width: 100%;
}
table.actphoto a{
	color: #333;
}


table.actphoto img{
	border: 2px solid #fff;
}

table.actphoto h3{
	font-size: 11px;
	padding: 0;
	margin: 0;
}

h3{
	font-size: 18px;	
	text-transform: capitalize;
}


#inbox h3, #inbox h3 a {
    color: #000;
}
#inbox h3{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;	
	width: 80%;
}

#shortcutListHeader{
	width: auto;
	height: 30px;
 
 
}
	
.shortcutList{
	padding-top: 1px 0 0 3px;
	margin: 0;
	 
}

.shortcutList ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	display: block;
}

.shortcutList li{
	padding: 3px 10px 3px 25px;
	margin: 0;
  
	border-top: 1px dotted #7c94aa;
	border-bottom: 1px dotted #efeff2;
	display: block;
}

.shortcutList li:hover{
	background-color: #7c94aa;
}

.shortcutList a{
	color: #242b31;
}

.shortcutList a:hover{
	color: #7c94aa;
}

.shortcutList h4{
	background: url("/images/star-bullet.gif") no-repeat left 5px;
	padding: 0 0 3px 25px;
	margin: 0 10px;
	color: #ffffff;
	width: auto;
	text-align: right;
	display: block;
	height: 18px;
}
.shortcutList h4.photos{
	background: url("/images/camera.gif") no-repeat left 5px;	
}

.shortcutList h4 span{
	float: left;
	padding-top: 5px;
}
.shortcutList h4 a.EditFavLink{
	color: Yellow;
}

/* Photo List from Photo Center */

#photolist{
  margin: 0;
  padding: 0;
  list-style: none;
}

#photolist li{
  margin: 0 10px 10px 0;
  padding: 0;
  list-style: none;
  width: 155px;
  height: 150px;
  float: left;
  display: block;
  text-align: left;
  font-size: 10px;
}
#photolist li .photobox{
  position: relative;
  width: 140px;
  height: 85px; 
  display: block;
  text-align: left;
  vertical-align: middle;
}
#photolist li .photoboxpositioner{
	/* hide absolute positioning from IE5 Mac \*/
	position: absolute;
	width: 160px;
	bottom: 0;
	left: 0;
	/* end hide */
}
#photolist li a{
}
#photolist li input{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  bottom: 0;
  position: static;
}
#photolist li ul, #photolist li ul li{
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

#photolist li ul{
  text-align: left;
  height: 0;
  width: 150px;
}
#photolist li ul li{
  height: auto;
  width: 150px;
  padding: 3px 0 0 0;
  text-align: left;
  font-size: 11px;
}
#photolist li ul li input{
  vertical-align: middle;
  float: left;
}
#photolist li.checkField span{
  display: block;
  padding: 2px 0 2px 18px;
  text-transform: capitalize;
}

hr.fileline{
  border-color:  #ccc;
  border-width: 0 0 1px 0;
  border-style: dashed;
}

/*
#photoListheader{
	width: auto;
	height: 30px;
	background: url("/images/favorites-h4-bg.gif");
}

.photoList{
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 500px 0 0 0;
	background-color: #5c6970;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7e8e96;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #525252;
	background: red;
}


.photos h4{
	background: url("/images/star-bullet.gif") no-repeat left 1px;
	padding: 0 0 7px 20px;
	margin: 0 10px;
	color: White;
	width: auto;
	text-align: right;
	display: block;
	height: 18px;
}
.photoactivity h4.photos{
	background: url("/images/camera.gif") no-repeat left 1px;	
}
*/

.photos h4 span{
	float: left;
	padding-top: 3px;
}

/* Today's Date in Header */

#todaysdate {
	width: 81px;
	height: 60px; 
	background-color: Aqua;
	background-image: url("/images/calendar_bg.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	position: absolute;
	right: 10px;
	top: 10px;
}

.month{
	width: 70px;
	text-align: center;
	float: left;
	color: #ffffff;
}

.dayno{
	font-size: 16px;
	color: White;
	text-align: center;
	width: 81px;
	padding-top: 6px;
	display: block;
}
.dayname {
	width: 81px;
	text-align: center;
	font-size: 10px;
	color: #cccccc;
	display: block;
}

#head{
	height: 10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
	text-align: right;
	font-weight: bold;

}
 
.SummaryImage {
	position: absolute;
	text-align: center;
	height: 250px;
	width: 232px;
	margin-top: 0;
	margin-left: 0;
	* margin-left: -250px;

    
}
    .SummaryImage .sum_img_none {
        border: 10px solid transparent;
        border-radius: 5px !important;
    }
    .SummaryImage .sum_img_green {
        border: 10px solid #62A01A;
        border-radius: 5px !important;
    }

    .SummaryImage .sum_img_red {
        border: 10px solid #DF3520;
        border-radius: 5px !important;
    }

    .SummaryImage .sum_img_blue {
        border: 10px solid #4D6DC7;
        border-radius: 5px !important;
    }
    .SummaryImage .sum_img_yellow {
        border: 10px solid #E3C23D;
        border-radius: 5px !important;
    }

.SummaryImage ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
   .SummaryImage li{
       margin: 0;
       padding: 0;
       list-style: none;
   }
   
/* Summary */		

#ProjColorCode{
  position: absolute;
  text-align: left;
  margin: 3px 0 0 0;
  * margin-left: -115px;
}
#ProjColorCode img{
  width: 20px;
  height: 20px;
  margin: 3px 0 0 0;
}

#ProjStatusUpdate{
  position: absolute;
  margin: 48px 0 0 0;
  * margin-left: -115px;
  text-align: left;
}
#ProjStatusUpdate li div{
  text-align: right;
}


.ContactInfoGroup{
 
   
}
.ContactInfoGroup h3{
   font-size: 18px;
   color: #333;
   margin: 0;
   padding: 0;
}
.ContactInfoGroup h4{
   font-size: 12px;
   color: #000;
   margin: 0;
   padding: 0;
   line-break: none;
}
.ContactInfoGroup h4 br{
}

.ContactInfoGroup ul{
   margin: 20px 0 0 0;
   padding: 0;
   list-style: none;
}
.ContactInfoGroup ul.contactCol1{
   float: left;
}
.ContactInfoGroup ul.contactCol2{
   float: left;
}
.ContactInfoGroup ul.contactCol3{
   float: left;
}
  .ContactInfoGroup ul li{
      font-size: 12px;
      color: #333;
      margin: 0 0 10px 0;
      width: 170px;
  }
  .ContactInfoGroup li span{
      display: block;
  }
  .ContactInfoGroup ul li .fieldName, .fieldName{
      font-size: 11px;
      color: #999;
      display: block;
      line-height: 14px;
  }
  .fieldName input{
      vertical-align: middle;
  }
  .fieldName label{
      font-size: 11px;
      padding: 0 15px 0 0;
      color: #333;
      vertical-align: middle;
  }
.FacilityCharts h3{
    font-size: 14px;
    color: #333;
}

.tblSummary{
	width: 700px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 35px;
	margin-left: 0pt;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 11px;
}

    .tblSummary th {
        font-size: 12px;
        padding: 4px 8px;
        color: white;
        background-color: #0d4671;
    }
.tblSummary td{
    padding: 2px 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle;
    color: #333;
}
.tblSummary tr.dark{
	background-color: #efefef;
}

.rtUL{
    font-size: 11px;
}

.edittable{
	width:700px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 35px;
	margin-left: 0pt;
}

.edittable  td{
	padding:  10px 10px 10px 10px;
}

.edittable th{
	font-size: 14pt;
	padding:  10px 0 10px 0;
}

h1.sectionhead{
	margin: 0;
	padding: 10px 0;
	font-size: 22px;
	font-weight: bold;
	color: #06f;
}

#inbox span.inbox{
	 
	padding: 0 0 4px 20px;
	color: #000;
}

.items{
	 
	padding: 15px 0 0 0;
}
	
	
.waitingactions{
	padding: 0px 0 15px 0px;
 
	color: #000;
}


#inbox span.waitingactions{
	background: url("/images/error.png") no-repeat left 0px;
	padding: 0 0 4px 20px;
	color: #000;
}

.waitingactions A:link, .items A:visited, .items A:active, .items A:hover{
	color: #333333;
	font-size: 12px;
}

.waitingactions ul{
	list-style: none;
	margin: 0;
}
	
#inbox h1{
	margin: 0;
	padding: 0;
}

#centerblocks h2{
	margin: 0 0 0 0;
	padding: 0 0 4px 0px;
	font-size: 14px;
	color: #06f;
}

#photlibheader{
	width: auto;
	height: 30px;
	background: url("/images/favorites-h4-bg.gif");
}

	
.filemenu{
	width: 100%; 	 
	background-color: White;
}

.filemenu td{
	text-align:left;
	padding:  5px 0 5px 0;
	border-bottom: dotted 1px  #cccccc;
}

.filemenu td.padright
{
	 
}
.filemenu td.padright{
	text-align:left;
	padding:  5px 12px 5px 0;
	border-bottom: dotted 1px  #cccccc;
}

.filemenu .selected{
	border: 0;
	background: #EFF4FA;
}
	    
.InnerFiles{
	padding: 2px 0px 0px 20px;
/*	margin-left: 275px;
	position: relative;*/
}   
#ctl00_content_ctl00_content_pnlActivePanel{
  /*  float: left;
    width: 250px;
    position: relative;*/
}
#ctl00_content_pnlActive{
/*   overflow: auto;
    width: 265px;
    float: left;
    position: relative;*/
	width:100%;
}

.filemenu .selected td{
}

.clr{
  clear: both;
  width: 100%;
  
}
	    
.reply{
background: url("/images/talkbubble.gif") no-repeat left top;
color: White;
display: block;
clear: none;
width: 20px;
text-align:center;
font-size:  9pt;
font-weight: bold;
height: 21px;
padding: 1px 1px 1px 1px;
margin-right: 10px;
float: right;
}

.projectsort
{
background: #efefef;
border-radius: 5px;
margin-right: 16px; 
  padding: 5px 5px 5px 5px;
}

.RadToolBar .rtbIcon{
  margin-top:-2px;
}
.RadToolBar img.rtbIcon{
  padding:0 5px 0 3px;
}


    .RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td {
border-bottom:  dashed 1px #A7BAC5;
    font-size: 8pt;
   cursor: pointer; 
   text-decoration: none; 
 color: #000;
}
 
   .pageclass{
    position:relative;
    }

  .big{
  vertical-align: top;
   height: 100%;
   width: 210px;
 
 vertical-align: top;
   cursor: pointer; 
   text-decoration: none; 
 
   display: block;
 
   }
     .small{
 padding: 5px 0 0 0;
 
    font-size: 8pt;
   cursor: pointer; 
   text-decoration: none; 
 color: #666666;
   display: block;
 
   }

 .mypane{

 border-top: solid 3px #ccc;
  
border-right: solid 2px #ccc;
   
border-left: solid 3px #ccc;

border-bottom: solid 2px #ccc;
 }


fieldset {
    border-radius: 5px !important;
    border-color: #efefef !important;

}