@charset "UTF-8";
/* CSS Document */


body { 
	background-color:#FFF;
	text-align: center;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif;
	width: 982px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	color: #333;
	}

#myapp-menu {
    z-index:2001; 
    position:absolute; 
    top:37px; 
    height:241px; 
    width:200px;
    display:none; 
    font-color:#fff; 
    color:#888;
}

#banner_transfer table {
	margin: 0;
	border: 0;
	padding: 0;
	background-repeat: no-repeat;
	width: 962px;
	text-align: justify;
	vertical-align: middle;
	}

#content {  
    padding:4px;
}
#content-area {
    padding:4px;
    text-align:left;
	font-size: 12px;
	background-color: #fff;
	color: inherit;
}

/* Pod Photo Transfer Banner
============================================================ */ 
#banner_transfer {
	 height: 354px; 
	 background-image: url(../img_photo/banner_photo.png);
	 vertical-align: top;
	 padding: 0;
	 border: 0;
	}

#banner_transfer h3 {
	font: 15px "Futura", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	width: 350px;
	height: 229px;
	text-align: center;
	padding-left: 25px;
	padding-top: 30px;
	}
	
.download {
	padding-left: 15px;
	
	vertical-align: top;
	width: 350px;
	}


/* Did you Know? - Compatibility
============================================================ */ 


.did_content {
	 width: 962px;
	 height: 230px;
	 background: url(../img_photo/did_know_comp_bk.png) 0 0 no-repeat;	
	}
	
.text_did  {
	width: 451px;
	padding-left: 20px;
	}
	
.update_notes {
	 width: 982px;
	 height: 464px;
	 background-image: url(../img_photo/section.png);	
	}
	
.support {
	 width: 982px;
	 height: 464px;
	 background-image: url(../img_photo/section.png);	
	}
	
.about {
	 width: 982px;
	 height: 464px;
	 background-image: url(../img_photo/section.png);	
	 vertical-align: top;
	}
	

.text_update_notes  {
	width: 982px;
	padding-left: 20px;
	height: 230px;
	}

.title {
	color: #0088CC;
	font-size: 15px;
	text-align: left;
	padding-left: 8px;
	font-weight: bold;
	}

.description {
	font-size: 11px;
	color: #333;
	width: 120px;
	text-align: left;
	padding-left: 8px;
	}

.image_td {
	background-repeat: no-repeat;
	vertical-align: top;
	}
	
.t {background: url(../img_photo/corner_border.gif) 0 0 repeat-x;}
.b {background: url(../img_photo/corner_border.gif) 0 100% repeat-x;}
.l {background: url(../img_photo/corner_border.gif) 0 0 repeat-y;}
.r {background: url(../img_photo/corner_border.gif) 100% 0 repeat-y;}
.bl {background: url(../img_photo/corner_bl.gif) 0 100% no-repeat;}
.br {background: url(../img_photo/corner_br.gif) 100% 100% no-repeat;}
.tl {background: url(../img_photo/corner_tl.gif) 0 0 no-repeat;}
.tr {background: url(../img_photo/corner_tr.gif) 100% 0 no-repeat; padding: 10px;}

.box-gray .tl {background: url(../img_photo/corner_tl_box_gray.gif) 0 0 no-repeat;}
.box-gray .tr {background: url(../img_photo/corner_tr_box_gray.gif) 100% 0 no-repeat; padding: 10px;}
.box-gray .t {background: url(../img_photo/corner_border_top_box_gray.gif) 0 0 repeat-x;}

.box-gloss .tl {background: url(../img_photo/_corner_tl_box_gloss.gif) 0 0 no-repeat;}
.box-gloss .tr {background: url(../img_photo/_corner_tr_box_gloss.gif) 100% 0 no-repeat; padding: 10px;}
.box-gloss .t {background: url(../img_photo/title-bar-solid2.png) 0 0 repeat-x;}

.box-color .tl {background: url(../img_photo/_corner_tl_box_gloss.gif) 0 0 no-repeat;}
.box-color .tr {background: url(../img_photo/_corner_tr_box_gloss.gif) 100% 0 no-repeat; padding: 10px;}
.box-color .t {background: url(../img_photo/title-bar.png) 0 0 repeat-x;}

.box-section,
.box-color,
.box-gloss,
.box-gray {
	background: #fff url(../img_photo/bg_body2.gif) repeat-x top left;
	margin-top: 4px;
	margin-bottom: 10px;
	height: 1%;
	
}

.box-color h2,
.box-gloss h2 {
    color:#fff;
    text-align:left;
	margin: -10px -10px 12px -12px !important;
	padding: 5px 10px !important;
}   

.box-section h2,
.box-gray h2 {
	margin: -9px -10px 12px -12px !important;
	padding: 5px 10px !important;
}

.box-section h4,
.box-color h4,
.box-gloss h4,
.box-gray h4 {
	margin: -9px -9px 10px -9px !important;
	padding: 5px 10px !important;
}

#sidebar .box-section h4,
#sidebar .box-color h4,
#sidebar .box-gloss h4,
#sidebar .box-gray h4 {
	margin: -8px -9px 8px -9px !important;
	padding: 5px 10px 8px 10px !important;
}

.box-section h4,
.box-color h4,
.box-gloss h4,
.box-gray h4 {
	background-color: transparent !important;
	color: #333 !important;
}

.box-section p,
.box-color p,
.box-gloss p,
.box-gray p {
	margin-bottom: 0 !important;
}	
	
	/* admin nav */
#nav-admin {
    height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #fff;
}

#nav-admin ul {
	font-size: 11px;
	margin-top:-8px;
}

#nav-admin ul li {
	display: inline;
	float: left;
	border-left: 1px solid #ccc;
	padding-left: 7px;
	margin-left: 7px;
}

#nav-admin ul li.first {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

#nav-admin a {
	background-color: #fff;
	color: #4297d7;
	text-decoration: underline;
}

#nav-admin a:hover {
	background-color: #fff;
	color: #008FC5;
	text-decoration: underline;
}


.wai {
	display: block;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden; /* bug fix for IE 7 */
	width: 0;
	height: 0;
}