/**** some base.css  ********/
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#top { position: absolute; top: 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid2colz, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }


.grid2colg { width: 100%; }
#main #content .grid2cola .grid2colg .column.first { clear: both; float: left; width: 40%; }
#main #content .grid2cola .grid2colg .column.last { float: left; width: 58%; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid2colz:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid2colz, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }


/* TYPE */
body { 
	font: 12px/ 1.5 "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	
	/* Htet: Commented this out to get the background color of the page */
	/* background-color: #fff; */
	background-color: transparent;
	color: #333; 
	width: 980px;
	margin: 0 auto;
	color: #333;
	background: transparent;
	/* Htet */
	/* IE Centering 
	text-align: center;*/
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
a[rel="external"], a.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 50%; zoom: 1; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
.sosumi { font-size: 10px !important; color:#76797c; }

p { 
	margin-bottom: 18px;
}

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }
p.textalign { padding-left: 20px; }
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

a.pdf { background: url(http://images.apple.com/global/elements/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.html { background: url(http://images.apple.com/global/elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.qt { background: url(http://images.apple.com/global/elements/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.ical { background: url(http://images.apple.com/global/elements/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dl { background: url(http://images.apple.com/global/elements/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dmg { background: url(http://images.apple.com/global/elements/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.zip { background: url(http://images.apple.com/global/elements/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.keynote { background: url(http://images.apple.com/global/elements/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.audio { background: url(http://images.apple.com/global/elements/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }

.last { margin-bottom: 0; }

/*******end of base.css **********/

/****partners page **********/
#box{
    background-image:url(../images/flatbox_bg.gif);
    width: 630px;
}
    
#box .top {
    background-image:url(../images/flatbox_bgtop.png);
    height:6px;
    
    /* Htet: Fix for IE */
    width: 100%;
}

#box .bottom {
    background-image:url(../images/flatbox_bgbottom.png);
    height:6px;
    
    /* Htet Test */
    position: relative;
}

#partners {
    font-size:12px;
}

#partners th {
    background-color:#f2f2f2;
    padding: 2px 11px 8px ;
    text-align:left;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

#partners tr {
    border-bottom:1px solid #cfcfcf;
}
    
#partners p {
    padding: 12px 0px 0px;
}

#partners h4 {
    padding: 12px 10px 0px;
}

/********** end partners *****************/
#main .clickable {
	cursor: pointer;
	cursor: hand;
	color: #2971A7;
	font-size: 12px;
}

#main span.clickable:hover {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

#main .odd {
	background-color: #e5e5e5; padding-top:0px; padding-bottom:36px;
}

#main .even {
	background-color: white; padding-top:0px;padding-bottom:36px;
}

.qbmessage {
	padding: 10px 0px;
	font-weight: bold;
}

.qbnav_button {
	margin-left: 40px;
}

/* gwt error messages dialog */
.gwt-DialogBox .Caption {
	background: #ebebeb;
	padding: 4px 4px 4px 8px;
	cursor: default;
	border-bottom: 1px solid #bbbbbb;
	border-top: 5px solid #e3e3e3;
}

.gwt-DialogBox .dialogTopCenter {
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;	
	padding:0px;
}

.gwt-DialogBox .dialogMiddleCenter {
	padding: 3px;
	background: white;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
}

.gwt-DialogBox .dialogTopLeftInner {
	width: 5px;
	zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
	width: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

/**** top navigation *****/
div.topnav { text-align:center; padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid #ccc;  zoom:1; display:inline;}
div.topnav b { font-size: 10px; }
div.topnav a { font-size: 10px; font-stretch:condensed; }

/* mfi stuff*/
#main #content .alerttext { color: #a60202; font-weight: bold; }

div.grid3col.checkbox {
    width: 600px;
    line-height: 1.7em;
    margin-bottom: 20px;
}
div.grid3col.checkbox i {
    font-weight: normal;
    font-size:1em;
}
div.grid3col.checkbox ul {
    width: 600px;
    padding-left: 40px;
}
div.grid3col.checkbox ul li {
    float: left;
    width: 200px;
    /* Htet: Change the width to account for padding (40px) in parent */
    _width: 186px;
}
div.grid3col.checkbox.long.factory ul li {
    line-height: 2em;
}

div.grid3col.checkbox.long ul li {
    /* width: 300px; */
    /* Htet */
    /* Decrease the width for IE */
    width: 300px;
    _width: 280px;
    
}

div.grid3col.checkbox ul li label {
    width: 300px;
   	/* Htet: Changed the width of label as this is suppose to be 3 columns and
             the other li is only 200px */
    _width: 160px;
}

div.grid3col.checkbox.long ul li input {
    /* width: 300px; */
    /* Htet */
    /* Decrease the width for IE */
    _margin: 4px 6px 0px 0px;
}

div.grid3col.checkbox.long ul li label {
    /* width: 300px; */
    /* Htet */
    /* Decrease the width for IE */
    _width: 254px;
}

div.grid3col.checkbox.long ul li label.other {
    /* width: 300px; */
    /* Htet */
    /* Decrease the width for IE */
    _width: 3em;
}

div.grid1colVertical ul li label {
	_width: 16em;
}

div.grid1colVertical ul li {
	vertical-align: top;
}

.textarea {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
}

/***********/
#main #content div.right { float:right; }
#main #content div.left { float:left; }

#main #content .section { clear:both; padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid #ccc; zoom:1; }
#main #content .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#main #content input {
	margin: 2px 6px 0 0;
	vertical-align: top; *
	vertical-align: baseline;
}

#main #content #form h1 {
	margin-bottom: 0 !important;
	line-height: 22px !important;
}

#main #content .grid2cola .column.first {
	width: 60%;
}

#main #content .grid2cola .column.last {
	width: 38%;
}

#main #content .grid2cole .column.first { width: 79%; }
#main #content .grid2cole .column.last { width: 19%; }
#main #content .grid2colz .column.first { width: 89%; }
#main #content .grid2colz .column.last { width: 9%; }

#main #content #form label {
	display: block;
	clear: both;
	float: left;
	width: 125px;
}

#main #content #form label.long {
	display: block;
	clear: both;
	float: left;
	width: 300px;
}

#main #content #form label b {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #999;
	margin-bottom: 1em;
}

#main #content #form input.text {
	width: 370px;
}

#main #content #form input.texthalf {
    width: 180px;
}

#main #content #form input.text6 {
    width: 60px;
}

#main #content #form select {
	width: 373px;
}

#main #content #form select.half {
	width: 180px;
	margin-right: 10px;
}

#main #content #form div.input {
	clear: both;
	margin-bottom: 2em;
}

#main #content #form div.input.multiple input {
	margin: 0.5em 0 0 125px;
	_margin-left: 128px;
}

#main #content #form div.input.multiple input.first {
	margin: 0;
	width: 370px;
}

#main #content #form div.input span {
	display: block;
	margin-left: 125px;
	font-size: 11px;
}

#main #content #form .forminfo {
	color: #999;
}

div.error {
	font-weight: bold !important;
	color: #a60202 !important;
}

#main #content #form #phone_cc {
	width: 34px;
}

#main #content #form #phone_area {
	width: 48px;
}

#main #content #form #phone2 {
	width: 115px;
}

#main #content #form #phone_ext {
	width: 48px;
}

/* subnav */
#content #subnav {
	position: relative;
	margin: 0 0 .6em;
	background:
		url(../images/subnav_bg.png)
		repeat-y 0 0;
	behavior: url(/global/scripts/lib/iepngfix.htc);
	
	/* Htet */
	_float: left;
}

#content #subnav .cap.bottom {
	position: absolute;
	width: 100%;
	height: 6px;
	left: 0;
	bottom: 0;
	margin: 0;
	background: #fff
		url(../images/subnav_bgbottom.png)
		no-repeat 0 0;
	behavior: url(/global/scripts/lib/iepngfix.htc);
	_bottom: -1px;
	_left: -1px;
	
	/* Htet Fix for IE */
	_position: relative;
	_left: 0px;
	line-height: 4px;
	font-size: 1px;
	
}

#content #subnav ul {
	margin: 0;
	padding: 1px 1px 2px 1px;
	background:
		url(../images/subnav_bgtop.gif)
		no-repeat 0 0;
}

#content #subnav ul li {
	margin: 0;
	padding: .7em 0 .3em;
	border-bottom: 1px solid #e0e0e0;
	font-weight: bold;
}

#content #subnav ul li a {
	display: block;
	padding: 0 12px;
	color: #787C80;
	background:
		url(../images/nav_arrow.png)
		no-repeat -43px 50%;
}

/* disabled menu item */
#content #subnav ul li div {
    display: block;
    padding: 0 12px;
    color: #ccc;
    background:
        url(../images/nav_arrow.png)
        no-repeat -43px 50%;
    filter: alpha(opacity =   50);
    -ms-filter: progid :   DXImageTransform.Microsoft.Alpha (   opacity =  
        50 );
}

#content #subnav ul li a:hover {
	color: #08c;
	text-decoration: none;
	background-position: -291px 50%;
}

#content #workarea {
	display: inline;
	float: right;
	width: 635px;
	
	/* Htet: Commented out the margin-left for the box shifted in Safari */
	/* margin-left: 48px; */
}

#content #workarea h1 {
	margin-bottom: 0.5em !important;
}

#content #workarea p.intro {
	font-size: 14px;
	line-height: 1.4;
}


/***adc.css ***/
* {
	margin: 0;
	padding: 0;
}

script {
	height: 0;
	font-size: 0;
}

html {
	background: #F1F1F1 none repeat scroll 0 0;
}

.script {
	display: none;
}

.noscript {
	display: block;
}

/* layout
------------------------*/
#main,#content {
	width: auto;
	padding: 0;
	_zoom: 1;
	
}

#main {
	/* Htet */
	/* IE Centering */
	text-align: left;
	margin: 0 auto;
	width: 980 px;
}

.cap {
	clear: both;
	font-size: 0;
}

/* grids */
.grid2cola .column.first,.grid2colc .column.last {
	width: 600px;
}

.grid2cola .column.last,.grid2colc .column.first {
	width: 280px;
}

.grid2colb .column.first,.grid2cold .column.last {
	width: 630px;
}

.grid2cold h3 {
	font-size:16px;
	font-weight:bold;
	font-family:Lucida Grande;
	margin-bottom: 18px !important;
}

.grid2cold ul {
	margin-left: 25px;
}
.grid2cold li {
	font-size: 12px; 
	font-family: Lucida Grande; 
	font-weight: normal; 
	margin: 0 0 8px 0;
	list-style: outside;
}
.grid2colb .column.last,.grid2cold .column.first {
	width: 210px;
}

.grid2cold .itemDescriptions{
	margin-left: 19px;
}
/* boxes */
.box {
	width: 944px;
	margin: 0 -2px;
	padding: 3.5em 50px 3em !important;
	background:
		url(../images/box_bg.png)
		repeat-y;
	_background-image:
		url(../images/box_bg.gif);
	overflow: hidden;
}

.box .boxtop,.box .boxbottom {
	position: absolute;
	width: 984px;
	height: 10px;
	left: 0;
	z-index: 10;
	behavior: url(/assets/scripts/lib/iepngfix.htc);
}

.box .boxtop {
	top: 0;
	background:
		url(../images/box_bgtop.png)
		no-repeat 0 0;
}

.box .boxbottom {
	bottom: 0;
	_bottom: -3px;
	background:
		url(../images/box_bgbottom.png)
		no-repeat 0 100%;
}

.box .boxheader {
	min-height: 18px;
	_height: 18px;
	margin: -1.6em -48px 1em;
	padding: 1em 18px;
	background:
		url(../images/box_header_bg.png)
		repeat-x 0 100%;
	zoom: 1;
	_position: relative;
}

.box .boxheader .tabs {
	padding: 3px 0 0;
}

.box .boxheader .tabs h5 {
	float: left;
	margin: 0 1em 0 0;
	color: #999;
}

.box .boxheader .tabs ul {
	float: left;
	margin: -3px 0 -4px;
	padding: 3px 0 4px;
}

.box .boxheader .tabs ul li {
	display: inline;
	padding: 3px 10px 4px;
}

.box .boxheader .tabs ul li a {
	padding: 3px 10px 4px 0;
	color: #333;
}

.box .boxheader .tabs ul li a:hover {
	color: #08c;
	text-decoration: none;
}

.box .boxheader .tabs ul li a.disabled,.box .boxheader .tabs ul li a.disabled:hover,.box .boxheader .tabs ul li span
	{
	color: #ccc;
	cursor: default;
}

.box .boxheader .tabs ul li.active {
	display: inline;
	padding: 3px 0 4px 10px;
	background:
		url(../images/tab_active_cap.png)
		no-repeat 0 50%;
}

.box .boxheader .tabs ul li.active a,.box .boxheader .tabs ul li.active span
	{
	padding: 3px 10px 4px 0;
	color: #fff;
	cursor: default;
	background:
		url(../images/tab_active_bg.png)
		no-repeat 100% 50%;
}

.grid2colb-box {
	width: 980px;
	padding: 1.6em 2px 1px !important;
	font-size: 11px;
	background-image:
		url(../images/box_grid2cola_bg_white.png)
		;
}

.grid2colb-box .boxtop {
	background-image:
		url(../images/box_grid2cola_bgtop.png)
		;
}

.grid2colb-box .boxbottom {
	bottom: 0;
	background: transparent
		url(../images/sdc_box_grid2colb_bgbottom.png)
		no-repeat scroll 0 0;
}

.grid2colb-box .column.first {
	width: 680px;
	padding: 0 18px;
}

.grid2colb-box .column.last {
	width: 212px;
	padding: 0 18px;
}

.grid2colb-box .boxheader {
	margin-right: -18px;
	margin-left: -18px;
}

.selfclear {
	zoom: 1;
}

#content:after,#header:after,#footer ul:after,.box .boxheader:after,.promo:after,ol#breadcrumbs:after,.selfclear:after
	{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* reset grids within grids */
.grid2col .column {
	width: 47%;
}

.grid2col .grid2col .column,.grid2cola .grid2col .column,.grid2colb .grid2col .column,.grid2colc .grid2col .column,.grid2cold .grid2col .column,.grid3col .grid2col .column
	{
	width: 45%;
	padding: 0;
}

.grid3col .column {
	width: 30.5%;
	margin-left: 3.6%;
}

/* text
------------------------
h1 {
	margin-bottom: 1em;
	color: #000;
	font-size: 26px;
	line-height: 1.2em;
}

h2 {
	margin-bottom: .8em;
	color: #000;
	font-size: 18px;
	line-height: 1.2em;
}

h2.intro {
	margin-bottom: .6em;
	color: #797c80;
	font-weight: normal;
}

h3 {
	margin-bottom: .3em;
	color: #000;
	font-size: 14px;
	line-height: 1.3em;
}

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

h5 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
}

h6 {
	color: #000;
	font-size: 11px;
	font-weight: 800;
}
*/
h2.underline,h3.underline,h4.underline,h5.underline {
	margin: 0 -2px .6em;
	padding: 0 2px .4em;
	border-bottom: 1px solid #e5e5e5;
}

h3.underline.prerelease {
	margin: 0 -2px .8em;
	padding: 0 2px .4em;
	border-bottom: 1px solid #e5e5e5;
}

h3.prerelease {
	margin: 0 -2px .8em;
	padding: 0 2px .4em;
}

strong {
	color: #000;
}

.sosumi strong {
	color: #333;
}

.boxheader h2,.header h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	text-shadow: 0 1px 2px rgba(153, 153, 153, 65);
}

.boxheader h3,.header h3 {
	margin: 0;
}

.boxheader h4,.header h4 {
	margin: 0;
}

h1+p.intro {
	margin-top: -1.2em;
}

cite {
	font-style: italic;
}

hr {
	display: block;
	height: 0;
	margin: 0 -2px 1.6em;
	border: none;
	border-top: 1px solid #e5e5e5;
	background: none;
	color: none;
}

hr.gradient {
	margin: 0 -48px 1.6em;
}  /* this is just a solid line in ie */
.grid2colb-box hr.gradient {
	margin: 0 -18px 1.6em;
}

hr.gradient:after {
	content: '�';
	display: block;
	height: 20px;
	color: transparent;
	background:
		url(../images/rule_hrgradient.png)
		repeat-x 0 0;
}

p.intro {
	margin-bottom: 2em;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.3em;
	color: #797c80;
}

pre {
	margin-bottom: 1.6em;
	padding: 1em 16px;
	border: 1px solid #e5e5e5;
	background-color: #f7f7f7;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.sidebar {
	font-size: 11px;
	line-height: 1.5 !important;
	width: 200px;
}

.msg {
	margin: 0 0 1em;
	padding: 1.6em 18px 1px;
	border: 1px solid #f1f2f6;
	background: #e7e9ef
		url(../images/message_bg.png)
		repeat-x 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-kthml-border-radius: 5px;
}

.msg b {
	font-weight: normal !important;
}

.msg.error,.msg.confirm,.msg.warn,.msg.announce {
	padding-left: 70px;
}

.msg.error,.msg.confirm {
	border-color: #ccc;
	background: #f3f3f3
		url(../images/error.png)
		no-repeat 20px 1.6em;
	_background-image:
		url(../images/error.gif);
}

.msg.confirm {
	background-image:
		url(../images/confirm.png);
	_background-image:
		url(../images/confirm.gif);
}

.msg.error b,.msg.error b strong {
	color: #900;
}

.msg.confirm b,.msg.confirm b strong {
	color: #797c80;
}

.msg.warn,.msg.announce {
	border-color: #ebe9c5;
	background: #fdfdef
		url(../images/warn.png)
		no-repeat 20px 1.6em;
	_background-image:
		url(../images/warn.gif);
}

.msg.announce {
	background-image:
		url(../images/announce.png)
		;
	_background-image:
		url(../images/announce.gif)
		;
}

.msg.warn b,.msg.warn b strong,.msg.announce b,.msg.announce b strong {
	color: #807937;
}

/* images */
p.caption {
	margin-bottom: .3em;
}

caption {
	padding-bottom: .6em;
}

.box img.flushright {
	margin-right: -48px;
}

.box img.flushleft {
	margin-left: -48px;
}

.box img.flushtop {
	margin-top: -3.5em;
}

.grid2colb-box img.flushright {
	margin-right: -18px;
}

.grid2colb-box img.flushleft {
	margin-left: -18px;
}

.grid2colb-box img.flushtop {
	margin-top: -1.6em;
}

.left {
	float: left;
}

.right {
	float: right;
}

div.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

img.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.image {
	clear: left;
}

.image img.left {
	margin-right: 0;
}

.image.image45 {
	padding-left: 45px;
}

.image.image45 img.left {
	margin-left: -45px;
}

.image.image60 {
	padding-left: 60px;
}

.image.image60 img.left {
	margin-left: -60px;
}

.image.image70 {
	padding-left: 70px;
}

.image.image70 img.left {
	margin-left: -70px;
}

.image.image80 {
	padding-left: 80px;
}

.image.image80 img.left {
	margin-left: -80px;
}

.image.image90 {
	padding-left: 90px;
}

.image.image90 img.left {
	margin-left: -90px;
}

.image.image100 {
	padding-left: 100px;
}

.image.image100 img.left {
	margin-left: -100px;
}

.image.image120 {
	padding-left: 120px;
}

.image.image120 img.left {
	margin-left: -120px;
}

.image.image140 {
	padding-left: 140px;
}

.image.image140 img.left {
	margin-left: -140px;
}

.image.image160 {
	padding-left: 160px;
}

.image.image160 img.left {
	margin-left: -160px;
}

.image.image180 {
	padding-left: 180px;
}

.image.image180 img.left {
	margin-left: -180px;
}

.image.image200 {
	padding-left: 200px;
}

.image.image200 img.left {
	margin-left: -200px;
}

/* lists */
h2.beforelist,h3.beforelist,h4.beforelist,h5.beforelist,p.beforelist {
	margin-bottom: .6em;
}

ul.square,ul.circle,ul.icons,ul.none,ol {
	margin-bottom: 0;
	padding-bottom: 1em;
}

ul.square li,ul.icons li,ul.none li,ul.circle li,ol li {
	padding-bottom: .6em;
}

ul ul,ul ol,ol ul,ol ol {
	padding-top: .3em;
	margin-bottom: -.6em !important;
	padding-bottom: 0 !important;
}

ul.icons li {
	padding-left: 2em;
}

.grid2colb-box ul.icons li {
	padding-left: 1.8em;
}

a.pdf,ul.icons li.pdf,ul.icons.pdf li {
	background:
		url(../images/pdf.gif)
		no-repeat 0 .2em;
}

a.html,ul.icons li.html,ul.icons.html li {
	background:
		url(../images/html.gif)
		no-repeat 0 .2em;
}

a.doc,ul.icons li.doc,ul.icons.doc li {
	background:
		url(../images/doc.gif)
		no-repeat 0 .2em;
}

a.docs,ul.icons li.docs,ul.icons.docs li {
	background:
		url(../images/docs.gif)
		no-repeat 0 .2em;
}

a.codeqa,ul.icons li.codeqa,ul.icons.codeqa li {
	background:
		url(../images/codeqa.gif)
		no-repeat 0 .3em;
}

a.samplecode,ul.icons li.samplecode,ul.icons.samplecode li {
	background:
		url(../images/samplecode.png)
		no-repeat 0 .3em;
}

a.qt,ul.icons li.qt,ul.icons.qt li {
	background:
		url(../images/qt.gif)
		no-repeat 0 .2em;
}

a.ical,ul.icons li.ical,ul.icons.ical li {
	background:
		url(../images/ical.gif)
		no-repeat 0 .2em;
}

a.dl,ul.icons li.dl,ul.icons.dl li {
	background:
		url(../images/dl.gif)
		no-repeat 0 .2em;
}

a.dmg,ul.icons li.dmg,ul.icons.dmg li {
	background:
		url(../images/dmg.gif)
		no-repeat 0 .2em;
}

a.zip,ul.icons li.zip,ul.icons.zip li {
	background:
		url(../images/zip.gif)
		no-repeat 0 .2em;
}

a.keynote,ul.icons li.keynote,ul.icons.keynote li {
	background:
		url(../images/keynote.gif)
		no-repeat 0 .2em;
}

a.audio,ul.icons li.audio,ul.icons.audio li {
	background:
		url(../images/audio.gif)
		no-repeat 0 .2em;
}

a.podcast,ul.icons li.podcast,ul.icons.podcast li {
	background:
		url(../images/podcast.gif)
		no-repeat 0 .2em;
}

a.video,ul.icons li.video,ul.icons.video li {
	background:
		url(../images/video.gif)
		no-repeat 0 .2em;
}

a.book,ul.icons li.book,ul.icons.book li {
	background:
		url(../images/book.gif)
		no-repeat 0 .2em;
}

a.status,p.status,ul.icons li.status,ul.icons.status li {
	background:
		url(../images/status_yellow.gif)
		no-repeat 0 .2em;
}

a.status.red,p.status.red,ul.icons li.status.red,ul.icons.status.red li
	{
	background:
		url(../images/status_red.gif)
		no-repeat 0 .2em;
}

a.status.green,p.status.green,ul.icons li.status.green,ul.icons.status.green li
	{
	background:
		url(../images/status_green.gif)
		no-repeat 0 .2em;
}

/* nav lists */
ul.nav {
	margin: -1em -18px 1.6em;
	font-size: 12px;
	line-height: 1.3em;
	border-top: 1px solid #e5e5e5;
}

ul.nav li {
	_display: inline;
}

ul.nav li a {
	display: block;
	padding: .8em 32px .8em 18px;
	color: #787c80;
	border-bottom: 1px solid #e5e5e5;
	background:
		url(../images/nav_arrow.png)
		no-repeat 0 50%;
	_background-image:
		url(../images/nav_arrow.gif);
}

ul.nav li a:hover {
	color: #08c;
	text-decoration: none;
	background-position: -248px 50%;
}

ul.nav li.active a {
	color: #000;
	cursor: default;
	background-position: -496px 50%;
}

ul.nav li.down a {
	background-position: -744px 50%;
}

ul.nav li ul {
	display: none;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f4f4f4;
}

ul.nav li.active ul {
	display: block;
}

ul.nav li ul li a {
	color: #797c80 !important;
	border: none;
	cursor: pointer !important;
	background:
		url(../images/nav_sub_arrow.png)
		no-repeat 0 50% !important;
}

ul.nav li ul li a:hover {
	color: #08c !important;
	cursor: pointer !important;
	background-position: 50% 50% !important;
}

ul.nav li ul li.active a {
	color: #000 !important;
	cursor: default !important;
	background-position: 100% 50% !important;
}

/* links */
a.pdf,a.html,a.doc,a.docs,a.codeqa,a.samplecode,a.qt,a.ical,a.dmg,a.zip,a.keynote,a.audio,a.podcast,a.video,a.status,p.status
	{
	padding-left: 2em;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

.grid2colb-box a.pdf,.grid2colb-box a.html,.grid2colb-box a.doc,.grid2colb-box a.docs,.grid2colb-box a.codeqa,.grid2colb-box a.samplecode,.grid2colb-box a.qt,.grid2colb-box a.ical,.grid2colb-box a.dmg,.grid2colb-box a.zip,.grid2colb-box a.keynote,.grid2colb-box a.audio,.grid2colb-box a.podcast,.grid2colb-box a.video,.grid2colb-box a.status,.grid2colb-box p.status
	{
	padding-left: 1.8em;
}

a.rss {
	display: block;
	width: 27px;
	height: 15px;
	text-indent: -9999px;
	outline: none;
	-moz-outline: none;
	background:
		url(../images/rss.png)
		no-repeat;
}

.boxheader a.rss {
	float: right;
	margin: .2em -8px -5px 0;
}

h1 a,h2 a,h3 a,h4 a,h5 a {
	color: #000;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
	color: #08c;
	text-decoration: none;
}

a.more {
	background-position: 100% .4em;
}

a.more.up {
	background-image:
		url(../images/up.png);
}

a.less {
	white-space: nowrap;
	padding-left: 10px;
	background:
		url(../images/left.png)
		no-repeat 0 .4em;
	zoom: 1;
}

h2 a.more,h3 a.more,h4 a.more {
	float: right;
	padding-right: 0;
	font-size: 11px;
	font-weight: normal;
	background: none;
}

h2 a.more {
	margin-top: 4px;
}

h3 a.more {
	margin-top: 1px;
}

/* buttons */
a.button,div.button {
	display: inline;
	padding: 4px 0 6px 10px;
	font-size: 12px;
	text-align: center;
	/*background:
		url(../images/button_left.png)
		no-repeat 0 50%;*/
	zoom: 1; *
	padding-top: 0; *
	padding-bottom: 0;
}

a.button span,div.button input {
	display: inline;
	padding: 3px 18px 4px 18px;
	width : 53px;
	color: #333;
	/*text-shadow: #e7e6e6 0 -1px -1px;*/
	text-shadow: 0 -1px 1px #096291;
	font-size: 1em;
	border: none;
	background:
		url(../images/button_right.png)
		no-repeat 100% 50%;
		border-radius:22px 22px 22px 22px;
	zoom: 1;
}

div.button input {
	padding-right: 18px;
	padding-left: 8px;
}

div.button input,x:-moz-any-link,x:default {
	padding-right: 15px;
	padding-left: 5px;
}  /* for firefox */
div.button input { *
	padding-right: 9px; *
	padding-left: 0;
}  /* for ie's */
a.button:hover {
	text-decoration: none;
}

a.button:hover span,div.button:hover input {
	color: #000;
	cursor: pointer;
}

a.button.disabled,div.button.disabled {
	opacity: .5;
	filter: alpha(opacity =   50);
	-ms-filter: progid :   DXImageTransform.Microsoft.Alpha (   opacity =  
		50 );
}

a.button.disabled:hover span,div.button.disabled:hover input {
	color: #333;
	cursor: default;
}

a.button.disabled1,div.button.disabled1 {
    opacity: .5;
    filter: alpha(opacity =   50);
    -ms-filter: progid :   DXImageTransform.Microsoft.Alpha (   opacity =  
        50 );
}

a.button.disabled1:hover span,div.button.disabled1:hover input {
    color: #333;
    cursor: default;
}

a.button.blue,div.button.blue {
	/*background-image:
		url(../images/button_blue_left.png)
		;*/
}

a.button.blue span,div.button.blue input {
	color: #fff;
	/*text-shadow: #324e69 -1px -1px 0;*/
	text-shadow: 0 -1px 1px #096291;
	background-image:
		url(../images/button_blue_right.png)
		;
}

a.button.blue:hover span,div.button.blue:hover input {
	color: #e6e6e6;
}

a.button.liteblue,div.button.liteblue {
	background-image:
		url(../images/button_lilblue_left.png)
		;
}

a.button.liteblue span,div.button.liteblue input {
	color: #fff;
	/*text-shadow: -1px 0 -1px #007dac;*/
	text-shadow: 0 -1px 1px #096291;
	background-image:
		url(../images/button_lilblue_right.png)
		;
}

a.button.liteblue:hover span,div.button.liteblue:hover input {
	color: #e6e6e6;
}

a.button.disabled.blue:hover span,div.button.disabled.blue:hover input {
	color: #fff;
}

#form a.button,form div.button {
	/*background-image:
		url(../images/button_form_left.png)
		;*/
}

#form a.button span,form div.button input {
	/*background-image:
		url(../images/button_form_right.png)
		;*/
		background-image: url("../images/button_lilblue_right.png");
}

#form a.button.blue,form div.button.blue {
	/*background-image:
		url(../images/button_form_blue_left.png)
		;*/
}

#form a.button.blue span,form div.button.blue input {
	/*background-image:
		url(../images/button_form_blue_right.png)
		;*/
		background-image: url("../images/button_lilblue_right.png");
}

#submission {
	width: 550px;
}

#submission .button.blue,form div.button.blue {
	/*background-image:
		url(../images/button_form_blue_left.png)
		;*/
}

#submission a.button.blue span,form div.button.blue input {
	/*background-image:
		url(../images/button_form_blue_right.png)
		;*/
}

/* forms */
input {
	behavior: url(/assets/scripts/lib/iepngfix.htc);
}

/*
.boxheader form {
	display: inline;
	float: right;
	margin: 1px -10px -5px 0;
}

.boxheader form input.prettysearch,.boxheader form .search-wrapper {
	width: 270px;
}

.boxheader form .search-wrapper input.prettysearch {
	width: 240px;
	margin-left: 20px;
}
*/
#form .input {
	clear: both;
	margin-bottom: 2em;
}

#form fieldset.input {
	width: 500px;
}

#form .input b {
	font-weight: normal;
	color: #999;
}

#form .input label,form fieldset.input legend {
	display: block;
	clear: both;
	float: left;
	width: 125px;
	text-align: right;
	margin-right: 14px;
	margin-top: 2.5px;
}

#form .input label b {
	display: block;
	margin-bottom: 1em;
}

#form .input input.text {
	width: 370px;
	margin: 2px 6px 0 0;
	vertical-align: top; *
	vertical-align: baseline;
}

.capitalization{
	text-transform:capitalize;
}

#form .input select {
	width: 373px;
}

#form .input textarea {
	width: 372px;
	font: 12px/1.5 "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

#form .input select.half {
	width: 180px;
	margin-right: 10px;
}

#form .input span {
	display: block;
	margin-left: 125px;
}

#form fieldset.input label {
	clear: none;
	float: none;
	margin-left: 125px;
}

#form fieldset.input .column {
	width: 185px;
	margin: 0;
}

#form fieldset.input .column.last {
	float: left;
}

#form fieldset.input .column label {
	margin: 0;
}

#form fieldset.input.grid3col .column {
	width: 120px;
}

#form .input input.phone_cc {
	width: 34px;
}

#form .input input.phone_area {
	width: 48px;
}

#form .input input.phone2 {
	width: 115px;
}

#form .input input.phone_ext {
	width: 48px;
}

#form .input.multiple input.text {
	margin: 0.5em 0 0 125px;
	_margin-left: 128px;
}

#form .input.multiple input.text.first {
	margin: 0;
	width: 370px;
}

#form .input.error {
	font-weight: bold;
	color: #a60202;
}

#form input.invalid {
	background-color: #cccccc;
}

#form .input.error input.text {
	background: #ffffe6;
}

#form .right .button {
	margin-left: 1em;
}

#nextButton {
	float: left;
}

.asterisk {
	color:red;
}

#note p {
	font-size: 0.85em;
	line-height: 1em;
	margin-bottom: 0;
	margin-left: 12px;
}

/* tables */
table.stroke {
	width: 100%;
	margin: 0 0 1.6em;
}

table.stroke th {
	font-weight: bold;
	color: #000;
}

table.stroke thead th {
	background: #f7f7f7;
}

table.stroke th,table.stroke td {
	padding: 4px 6px;
	vertical-align: top;
	border: 1px solid #e5e5e5;
}

table.stroke th:first-child,table.stroke td:first-child {
	border-left: none;
}

table.stroke th:last-child,table.stroke td:last-child {
	border-right: none;
}

table.stroke tr:first-child th,table.stroke tr:first-child td {
	border-top: none;
}

table.stroke tr:last-child th,table.stroke tr:last-child td {
	border-bottom: none;
}

table.stripe {
	width: 100%;
	margin: 20 0 1.6em;
}

table.stripe thead th {
	border-color: #ccc;
	background:
		url(../images/box_header_bg.png)
		repeat-x 0 100%;
}

table.stripe th,table.stripe td {
	padding: 4px 6px;
	vertical-align: top;
}

table.stripe .odd th,table.stripe .odd td {
	background: #f7f7f7;
}



/* breadcrumbs */
ol#breadcrumbs {
	margin: 0 0 3em;
	list-style-type: none;
	font-size: 10px;
	color: #666;
	border-bottom: 1px solid #e5e5e5;
	zoom: 1;
}

ol#breadcrumbs li {
	float: left;
	margin: 0;
	padding: 0;
}

ol#breadcrumbs li a {
	float: left;
	color: #08c;
	margin-right: 10px;
	padding-right: 18px;
	background:
		url(../images/breadcrumb_sep.png)
		no-repeat 100% 50%;
}

.box ol#breadcrumbs {
	margin: -2.6em -36px 3em;
	padding: 0 6px 1em;
}

/* headers
------------------------*/ /* adc header */
#globalheader {
	position: relative;
	width: 980px;
	height: 58px;
	margin: 20px auto 0;
	z-index: 999;
	font-size: 11px;
	_zoom: 1;
	
	/* Htet */
	/* Fix Header Background */
	background-color: transparent;
}

#globalheader {
	height: 38px;
}

#globalheader h2 {
	display: inline;
}

#globalheader #mfilogo {
	position: relative;
	top: 1px;
	left: 18px;
	width: 70px;
	height: 38px;
	outline: none;
	-moz-outline: none;
	background:
		url(../images/logo_bg_gray.png)
		no-repeat 0 0;
}

#globalheader #gh-search {
	position: absolute;
	top: 5px;
	right: 18px;
}

#globalheader #gh-search input.prettysearch {
	width: 165px;
	margin-left: 20px;
}

#globalheader #gh-search .search-wrapper {
	width: 165px;
}

#globalheader #gh-search .search-wrapper input.prettysearch {
	width: 136px;
}

#globalheader ul#gh-nav {
	position: absolute;
	top: 3px !important;
	right: 200px;
	margin: 0;
}

#globalheader ul#gh-nav li {
	display: inline;
	float: left;
	margin: 0 0 0 1.2em;
}

#globalheader ul#gh-nav li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: .3em 0 .3em 5px;
}

#globalheader ul#gh-nav li a:hover {
	color: #08c;
}

#globalheader ul#gh-nav li.menu {
	position: relative;
}

#globalheader ul#gh-nav li.menu a {
	margin-right: -3px;
	padding-left: 7px;
	outline: none;
	-moz-outline: none; *
	margin-right: 0;
}

#globalheader ul#gh-nav li.menu a span {
	padding-right: .4em;
}

#globalheader ul#gh-nav li.menu a b {
	padding: .4em 0;
	_padding: .3em 0;
	background:
		url(../images/nav_menu_carat.png)
		no-repeat 0 60%;
}

#globalheader ul#gh-nav li.menu a b b {
	padding: .4em;
	visibility: hidden; *
	display: inline-block; *
	width: 1.6em; *
	padding: 0;
}

#globalheader ul#gh-nav li.menu ul {
	display: none;
	position: absolute;
	width: 137px;
	margin: 0 -4px 0 -2px;
	padding: 0 0 1px;
	z-index: 99;
}

#globalheader ul#gh-nav li.menu ul {
	margin-top: -3px;
	padding: 4px 0 5px;
	background:
		url(../images/nav_menu_bgtop.png)
		no-repeat;
	behavior: url(/assets/scripts/lib/iepngfix.htc);
}

#globalheader ul#gh-nav li.menu ul li {
	display: block;
	float: none;
	width: 127px;
	margin: 0;
	padding: 0 6px 1px 4px; *
	margin-bottom: -3px;
	background:
		url(../images/nav_menu_bg.png)
		repeat-y;
	behavior: url(/assets/scripts/lib/iepngfix_scale.htc);
}

#globalheader ul#gh-nav li.menu ul li a {
	margin: 0;
	padding: 1px 5px;
	color: #366088;
	text-decoration: none;
}

#globalheader ul#gh-nav li.menu ul li a:hover {
	color: #fff !important;
	background: #778ba6;
}

#globalheader ul#gh-nav li.menu ul li.menubottom {
	height: 5px;
	font-size: 1px;
	background:
		url(../images/nav_menu_bgbottom.png)
		no-repeat;
}

#globalheader ul#gh-nav li.menu.active {
	background:
		url(../images/nav_menu_activebg.gif)
		no-repeat 0 0;
}

#globalheader ul#gh-nav li.menu.active a span {
	
}

#globalheader ul#gh-nav li.menu.active a b {
	background: #c0cad4
		url(../images/nav_menu_caratactive.gif)
		no-repeat 100% 0;
}

#globalheader ul#gh-nav li.menu.active a:hover {
	color: #000;
}

#globalheader ul#gh-nav li.menu.active ul {
	display: block;
}

/* page header */
#header {
	position: relative;
	width: 984px;
	margin: 0 -2px;
	padding: 0 2px;
	behavior: url(/assets/scripts/lib/iepngfix.htc);
	zoom: 1;
}

#header h2,#header h2 a {
	float: left;
	width: 984px;
	margin: 0 -2px;
	text-indent: -9999px;
}

#header h2 a {
	outline: none;
}

#header ul.login {
	display: inline;
	float: right;
	margin: .6em 18px 0;
	font-size: 11px;
}

#header ul.login li {
	float: left;
}

#header ul.login li a {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 1.5em;
	border-left: 1px solid #b2b2b2;
}

/* footers
------------------------*/
#footer {
	width: 984px;
	margin: 18px -2px 0;
	padding-top: 7px;
	font-size: 11px;
	background:
		url(../images/footer_bgtop.png)
		no-repeat;
	zoom: 1;
}

.box+#footer {
	margin-top: 12px;
}

#footer ul {
	position: relative;
	width: 984px;
	margin: 0;
	padding: 1px 2px 2px;
	background:
		url(../images/footer_bgbottom.png)
		no-repeat 0 100%;
}

#footer ul li {
	position: relative;
	float: left;
	width: 290px;
	min-height: 8.4em;
	padding: 10px 18px;
}

#footer ul li ul.square {
	width: auto;
	margin-left: 1.5em;
	padding: .3em 0 1em;
	background: none;
}

#footer ul li ul.square li {
	float: none;
	width: auto;
	min-height: 0;
	padding: 0 0 .3em;
}

#footer ul li h5 {
	margin-bottom: .6em;
}

#footer ul li h5 a {
	color: #000;
}

#footer ul li p {
	margin-bottom: 10px;
}

#footer ul li a.image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}

#footer ul li img.right {
	margin: -3px -5px 0 10px;
}

#footer ul li:hover p {
	color: #08c;
	text-decoration: none;
}

#footer ul li div.promo_idp {
	padding: 0 7px;
}

#footer ul li:hover div.promo_idp p {
	color: #000;
}

#footer ul li div.promo_idp div.left {
	margin: 6px 12px 0 0;
}

#globalfooter { 
	clear: both;
	font-size: smaller; 
	width: 980px;
	color: rgb(153, 153, 153);
	font-size: 10px;
	margin: 18px auto;
	padding-bottom: 36px;
	text-align: left !important;
	
	}
	
	
#globalfooter p.sosumi{	
	text-align: left;
	margin-bottom: 1em;
}
	
#globalfooter .gf-sosumi { 
	clear: both; width: 100%;
	border-top: 1px solid #eee; 
	padding-top: 9px;
}
#globalfooter .gf-sosumi a {
	padding: 0 10px;
}

/* print
------------------------*/
@media print {
	#content {
		width: 100%;
	}
	#sidebar {
		display: none;
	}
	.expandlabel {
		padding-left: 0 !important;
	}
	div.expandcontent {
		display: block !important;
	}
}


.process_table .top{
	background:transparent url(../images/table_top.gif) no-repeat scroll 0 0;
	width: 575px;
	height: 4px;
}

.process_table .bottom{
/*	background:#FFFFFF url(../images/table_bottom.gif) no-repeat scroll 0 0;*/
	width: 575px;
	height: 6px; border-bottom: dashed 1px darkgrey;
}

.process_table{
    margin-bottom: 20px;
	padding-top: 0px;
/*	background:transparent url(../images/table_bkg.gif) repeat-y scroll 0 0;*/
	width: 575px;
	border: solid 0px red;
}

.process_table table{
	margin: 3px;
	border: 0px solid green;
	width: 560px;
}

.process_table table tr.count{
	background-color: #eeeeee;
	
}

.process_table table th.step, .process_table table td.step {
	width: 40%;
}

.process_table table th.status, .process_table table td.status {
	width: 15%;
}

.process_table table th.lastChange, .process_table table td.lastChange {
	width: 25%;
}

.process_table table th.actionRequired, .process_table table td.actionRequired {
	width: 20%;
}

#test_labs tr.countryRow {
	border-bottom: 1px #ccc solid;
}

#test_labs td.country {
	padding-top: 10px;
	width: 25%;
	vertical-align: top;
}

#test_labs td.radioButton {
	padding-top: 10px;
	vertical-align: top;
	width: 3%;
	border: 0;
}

#test_labs td.location {
	padding-top: 10px;
	width: 75%;
}

table, td {
color:#000000;
font-family:'Lucida Grande',Geneva,Verdana,Arial,sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 3px;
padding-left: 7px;
}


table, th {
	/* color:#808080; */
	font-weight: bold;
	font-family:'Lucida Grande',Geneva,Verdana,Arial,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	line-height:normal;
	padding: 3px;
	padding-left: 7px;
}

td.span {
   background: inherit;
}

td.label{
    color:#808080;
    font-weight: bold;
}

td span.packagin_note{
	color: #999999;
}

.main_form h2{
color:#6688AA;
font-size:14px;
font-weight:normal;
margin:0 0 0.6em;
}

.nav {
    margin-top: 20px;
}

.formnav { position:relative; clear:both; margin-top:1em; padding:22px 0 0; width:100%; border-top:1px solid #ccc; }
.formnav #back  { margin-right:10px; }

.buttonBox {
	position:relative; clear:both; margin-top:1em; padding:22px 0 0; width:100%; 
}

#form .disabled {
    opacity: .5;
    filter: alpha(opacity =   50);
    -ms-filter: progid :   DXImageTransform.Microsoft.Alpha (   opacity =  
        50 );
}



#content_sub .section h1{
 line-height: 36px !important;
 margin-bottom: 0px;
}

.alerttext{
	color: #A60202;	
	font-weight: bold;
}

.forminfo{
	display: block;	
	font-size: 11px;	
	margin-left: 125px;
	color: #999;
}

#landing_sub{
	min-height: 370px;
	padding: 22px 0px 50px 50px;
	position: relative;
	display: block;
}

#content_sub{
	min-height: 370px;
	padding: 22px 50px 50px 50px;
	position: relative;
	display: block;
}

#content_sub #bartmap {
	clear: both;	
	height: 50px;	
	margin-bottom: 2em;
	position: relative;	
	z-index: 0;
}

#content_sub #bartmap.steps5{
	margin: 0;
	padding: 0;
	width: 100%;
}

#content_sub #bartmap .progress_bar{
	background: url(../images/progressbg.gif) repeat-x;
	display: block;
	height: 4px;
	margin: 0px 70px -4px 70px;
	position: absolute;
	z-index: 0;
}

#content_sub #bartmap.steps5 .progress_bar{
	margin: 0px 70px -4px 70px;	
	width: 759px;
}

#content_sub #bartmap ul{
	margin-bottom: 0px;	
	position: relative;
	list-style: none outside;
	-webkit-padding-start: 40px;
	display: block;
	zoom: 1;
	list-style: none outside;
}

#content_sub #bartmap ul li{
	background: url(../images/progress_columnbg.gif) no-repeat;
	color: #333;
	display: block;
	float: left;
	font-size: 11px;
	margin-top: -4px;
	padding-top: 15px;
	position: relative;
	text-align: center;
	z-index: 2;
	background-position-x: 50%;
	background-position-y: 0px;
}

#content_sub #bartmap.steps5 ul li{
	width: 150px;
}

#content_sub #bartmap.steps5 ul li#bartmap1, #content_sub #bartmap.steps5 ul li#bartmap2{
	background-image: url(../images/progress_activebg.gif);	
	color: rgb(51, 51, 51);	
	font-weight: bold;
}

#main_sub { 
	background:#fff;
	border-color:#e5e5e5 #dbdbdb #d2d2d2;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
	-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
}

.rounded {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}

.roundedShadow {
	4px;box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}

.topRounded {
	border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-o-border-top-right-radius:4px;
	-khtml-border-top-right-radius:4px;
	border-top-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	-o-border-top-left-radius:4px;
	-khtml-border-top-left-radius:4px;
}

.botRounded {
	border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-o-border-bottom-right-radius:4px;
	-khtml-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-o-border-bottom-left-radius:4px;
	-khtml-border-bottom-left-radius:4px;
}

/*#main_sub {
	background: url(../images/mainbg.png);
	margin: 0px;
	padding-right: 2px;
	width: 980px;
	z-index: 1;
}*/

.cap.top{
	background: url(../images/topcap.png) no-repeat;
	font-size: 1px;
	height: 0px;

	width: 982px;
	z-index: 2;
}

.cap.bottom{
	background: url(../images/bottomcap.png) no-repeat;	
	bottom: 0px;	
	font-size: 1px;	
	height: 7px;	
	position: absolute;	
	
	/* Htet: Commented out the width --- width: 982px;	*/
	z-index: 2;
}


#main_sub .message h3{
	background: url(../images/importantbg.gif) no-repeat;	
	margin: 0px;
	padding-left: 20px;
}

#main_sub .message p{
	font-size: 11px;	
	line-height: 1.3;	
	margin: 0px;
	padding-left: 20px;
}


span.pt11{
   font-size: 11px;
}


#content_sub #form .terms {
	border: 1px solid #CCC;
	height: 174px;
	margin-bottom: 1em;
	overflow: auto;
	padding: 1em 20px;
}

#content_sub .section {
	clear: both;
	margin-bottom: 2em;
	padding-bottom: 2em;
	zoom: 1;
	border-bottom: 1px solid #CCC; 
}


#content_sub h3{
	margin-bottom: 13px;
}

#content_sub input{
	/* Htet */
	/* Use the original margin for IE */
	/* Added 2px extra margin for Other Browsers */
	margin: 2px 6px 0px -4px;
	_margin: 2px 6px 0px 0px;	
	/* vertical-align: top; */
}

@-moz-document url-prefix()
{
 /* #content_sub input { margin: 4px 6px 0px 0px !important; } */
}


#content_sub #licensereview .section h4 {
	clear: both;   
    float: left;
    font-size: 12px;
    margin-right: 20px;
    width: 150px;
    font-weight: 600 !important;
}

#content_sub #licensereview .firstsection {
	margin-top: 3em;
}

#content_sub #licensereview .lastsection {
    margin-bottom: 2em;
}

#content_sub #licensereview dl  {  
    float: left;
    margin-right: 20px;
    width: 650px;
}

#content_sub #licensereview dl dt { 
	color: #666;
	float: left;
	font-size: 11px;
	text-align: right;
	width: 200px;
}

#content_sub #licensereview dl dd { 
    float: left;
    font-size: 11px;
    margin-left: 20px;
    width: 420px;
}

#homepage dl  {  
    float: left;
    margin: 0 20px 1em 20px;
    width: 650px;
}

#homepage dl dt { 
	float: left;
	font-weight: bold;
	width: 160px;
	margin-left: 20px;
	margin-bottom: 0.5em;
}

#homepage dl dd { 
	color: #666;
    float: left;
    width: 420px;
    margin-bottom: 0.5em;
}

#content_sub #submitconfirmed dl { width: 400px; }
#content_sub #submitconfirmed dl dt { clear: both; color: #666; float: left; margin-bottom: 0.5em;  width: 100px; }
#content_sub #submitconfirmed dl dd { color: black; float: left; margin-bottom: 0.5em; width: 300px; }

.PopupCalendar {
	border: 1px solid #202020;
	background-color: white;
	cursor: pointer;
	color: #202020;
	font-size: 11px;
	z-index: 999;	
}

.PopupCalendar .header {
	width: 100%;
	background-color: #e0e0e0;
	font-weight: bold;
	text-align: center;
}

.PopupCalendar .previous {
	padding: 4px 2px;
	font-size: 14px;	
	text-align: center;
}

.PopupCalendar .head {
	padding: 4px 2px;
	font-size: 12px;	
	text-align: center;
}

.PopupCalendar .next {
	padding: 4px 2px;
	font-size: 14px;	
	text-align: center;
}

.PopupCalendar .columnHead {
	font-weight: bold;
	text-align: center;
	font-size: 10px;	
}

.PopupCalendar .day {
	border: 1px solid #202020;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	height: 400px;
	width: 100px;
}

.PopupCalendar.week .grid {
	border-collapse: collapse;
	border-spacing: 0px;
}

.PopupCalendar.week .grid td {
	border: 1px solid #202020;
	width: 80px;
	height: 20px;
	text-align: center;
}

.PopupCalendar .grid .load-light {
	background-color: #a0ffa0;
}

.PopupCalendar .grid .load-medium {
	background-color: #ffffa0;	
}

.PopupCalendar .grid .load-heavy {
	background-color: #ffe080;
}

.PopupCalendar .grid .load-max {
	background-color: #ffa0a0;
}

.PopupCalendar .grid .load-light.selected {
	background-color: #80ff80;
}

.PopupCalendar .grid .load-medium.selected {
	background-color: #ffff80;	
}

.PopupCalendar .grid .load-heavy.selected {
	background-color: #ffd050;
}

.PopupCalendar .grid .load-max.selected {
	background-color: #ff8080;
}

.PopupCalendar .grid {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}


.PopupCalendar-big .cell.inMonth {
	height: 60px;
}

.PopupCalendar-big .cell {
	width: 60px;
	padding: 0px;
}

.PopupCalendar-big .cell.inMonth {
	border: 1px solid #202020;
}

.PopupCalendar.week .cell {
	width: 100px;
	height: 400px;
	padding: 2px;
}

.PopupCalendar .cell.inMonth {
	padding: 2px;
	height: auto;
	font-size: 11px;
}

.PopupCalendar .cell {
	font-size: 10px;	
	text-align: center;
	height: 0px;
}
	
.PopupCalendar-big .cell .label {
	text-align: right;
}

.PopupCalendar-big .cell .calendarContent {
	text-align: center;
	font-size: 12px;
}

.PopupCalendar .cell.futureDate {
	color: #303090;
}

.PopupCalendar .cell.pastDate {
	color: #202020;
}

.PopupCalendar .cell.today.inMonth {
	background-color: #e0e0e0;
}

.PopupCalendar-big .cell.today.inMonth {
	border: 2px solid #303090;
}

.PopupCalendar .cell.selected.inMonth {
	background-color: #ddddff;
}

.gwt-DatePicker {
  border: 1px solid #888;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerDays {
  width: 100%;
  background: white;
  border-collapse: collapse;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}

.datePickerDay-task {
	width: 60px;
	height: 60px;
	border: black solid 1px; 
	text-align: left;
	vertical-align: top;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #c1c1c1;
  padding: 0px 4px 2px;
  cursor: default;
}

.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}

.datePickerDayIsWeekend {
  background: #EEEEEE;
}

.datePickerDayIsFiller {
  color: #888888;
}

.datePickerDayIsValue {
  background: #abf;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #dde;
}

.datePickerDayIsValueAndHighlighted {
  background: #ccf;
}

.datePickerMonthSelector {
  background: #c1c1c1;
  width: 100%;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
}

.popupContent {
	background-color: #FFFFFF;
}
/* z-index has to be bigger than dialog box */
.dateBoxPopup {
	z-index: 99999;
	background-color: #FFFFFF;
}

.gwtx-calendarTasks {
	margin-top: 8px;
	font-style: oblique;	
}

.product_plan_id {
  width:100px;
  max-width: 100px;
}

.sku {
  width: 120px;
  max-width: 120px;
  overflow: hidden;
}

.sku_rep {
  width: 140px;
  max-width: 140px;
  overflow: hidden;
}

.w180 {
  width:180px;
  max-width: 180px;
}

.announcement {
	font-size: larger;
}

.gwtx-ImagePushButton-up,.gwtx-ImagePushButton-up-hovering,.gwtx-ImagePushButton-up-disabled,.gwtx-ImagePushButton-down,.gwtx-ImagePushButton-down-hovering,.gwtx-ImagePushButton-down-disabled
	{
	margin: 0;
	text-decoration: none;
	color: #0D4B92;
	font-size: 12px;
	font-weight: bold;
}

.gwtx-ImagePushButton-up,.gwtx-ImagePushButton-up-hovering,.gwtx-ImagePushButton-up-disabled
	{
	padding: 0px 1px 1px 0px;
}

.gwtx-ImagePushButton-up {
	cursor: pointer;
	cursor: hand;
}

.gwtx-ImagePushButton-up-hovering {
	cursor: pointer;
	cursor: hand;
}

.gwtx-ImagePushButton-down,.gwtx-ImagePushButton-down-hovering,.gwtx-ImagePushButton-down-disabled
	{
	padding: 1px 0px 0px 1px;
}

.gwtx-ImagePushButton-down {
	cursor: pointer;
	cursor: hand;
}

.gwtx-ImagePushButton-down-hovering {
	cursor: pointer;
	cursor: hand;
}

.gwtx-ImagePushButton-up-disabled,.gwtx-ImagePushButton-down-disabled {
	cursor: default;
	opacity: .5;
	filter: alpha(opacity =   40);
	zoom: 1;
}

a.disabled, a:hover.disabled {
	color: #ccc;
	cursor: default;
	text-decoration: none;
}

.gwtx-upload-file-name {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
}

.gwtx-upload-file-date {
	width: 100px;
    white-space: nowrap;
}

.gwtx-upload-file-size {
	padding-left: 16px;
	padding-right: 16px;
}

/* Styles for Jython Portal, Irina */

a.ppmainlinks
{
		background-color:#4775A3; display: block;
		padding-left:10px; padding-right:500px; padding-top:0.5em;padding-bottom:0.5em;
		white-space:nowrap; color:white; font-weight: bold;font-size:1.1em;
}

.shown
{
		display: visible;
}

.notShown
{
		display: none;
}

.ppstagename
{
	width:45%;
}

.ppstatusdate
{
	width:35%;
}

.ppaction
{
	width:15%;
}

.ppcheckmark
{
	width:5%;
}

.linkline
{
	font-weight:bold; background-color: #C2E0FF; color: #3375B8; display: block; margin-top:5px; margin-bottom:5px; 
}

.tdlinkline
{
    background-color: #C2E0FF; color: #3375B8; display: block; margin-top:5px; margin-bottom:5px; margin-right:10px; border: solid 1px #8AB8E6;
}
.waitline
{
	background-color: #BFFFD4; color: #4A805C; display: block; font-weight:bold; margin-top:5px; margin-bottom:5px;
}
.tdwaitline
{
	background-color: #BFFFD4; color: #4A805C; display: block; font-weight:bold; margin-top:5px; margin-bottom:5px; margin-right:10px; border: solid 1px lightgreen;
}

.ppId
{
	width=23%;
}
.ppStat
{
	width=23%;
}
.ppSCStat
{
	width=23%;
}
.ppPackStat
{
	width=23%;
}
.ppSKU
{
	width=92%;
}
.ppDelBut
{
	width=8%;
}

.ppstatus_table
{
	margin-bottom: 20px;
	padding-top: 10px;
	background:transparent;
	
	border: none;
	
}

/* progress bar */
#content_sub #bartmap {position:relative; z-index:0;height:82px; width:980px; margin:0 -50px 1em -50px; padding-left:0px; background:url(https://devimages.apple.com.edgekey.net/assets/elements/registration/images/bartmapbg.png) repeat-x; }
#content_sub #bartmap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content_sub #bartmap h2 { float:left; width:325px; margin:0; }
#content_sub #bartmap .progress { position:absolute; display:block; z-index:1; height:5px; margin:19px 0 -4px 110px; padding:0; _line-height:4px; _font-size:1px; background-color:#257c50; background:url(https://devimages.apple.com.edgekey.net/assets/elements/registration/images/progressbg.gif) repeat-x; }
#content_sub #bartmap .progress_bar { position:absolute; display:block; z-index:0; margin:0 70px -4px 70px; height:4px; background:url(https://devimages.apple.com.edgekey.net/assets/elements/registration/images/progressbarbg.gif) repeat-x; }
#content_sub #bartmap ul { position:relative; *z-index:2; margin-bottom:0; padding-top:20px; zoom:1; }
#content_sub #bartmap ul li { position:relative; display:block; float:left; z-index:2; padding-top:15px; margin-top:-4px; text-align:center; font-size:11px; color:#999; background:url( https://devimages.apple.com.edgekey.net/assets/elements/registration/images/progress_columnbg.gif) no-repeat 50% 0; }
#content_sub #bartmap ul li.last { /*float:right !important; _margin-right:5px;*/ }

/* 1. Contact Information */
#content_sub #bartmap .progress_bar { margin:20px 70px -4px 110px; width:450px; }
#content_sub #bartmap ul li { width:150px; }


#content_sub #bartmap1.green{
	background:url(https://devimages.apple.com.edgekey.net/assets/elements/registration/images/progress_activebg.gif) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
	-moz-margin-start:40px;
}
#content_sub #bartmap2.green{
	background:url(../images/CompleteIcon.png) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}
#content_sub #bartmap3.green{
	background:url(../images/CompleteIcon.png) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}
#content_sub #bartmap4.green{
	background:url(../images/CompleteIcon.png) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}
#content_sub #bartmap5.green{
	background:url(../images/CompleteIcon.png) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}
#content_sub #bartmap6.green{
	background:url(../images/CompleteIcon.png) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}

#content_sub #bartmap.steps1 .progress{
	width: 0px;
}
#content_sub #bartmap.steps1_5 .progress{
	width: 80px;
}
#content_sub #bartmap.steps2 .progress{
	width: 160px;
}
#content_sub #bartmap.steps2_5 .progress{
	width: 230px;
}
#content_sub #bartmap.steps3 .progress{
	width: 310px;
}
#content_sub #bartmap.steps3_5 .progress{
	width:380px;
}
#content_sub #bartmap.steps4 .progress{
	width: 460px;
}
#content_sub #bartmap.steps4_5 .progress{
	width: 530px;
}
#content_sub #bartmap.steps5 .progress{
	width: 610px;
}
#content_sub #bartmap.steps5_5 .progress{
	width: 680px;
}
#content_sub #bartmap.steps6 .progress{
	width: 750px;
}
/*<rdar://problem/14667631> MFi UAT - First name, last name and email on enrollment form should not be shown as input text field --start*/
.TxtNoBackground
{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #000 !important;
	font-size: 13px;
	font-weight: bold;
}
/*<rdar://problem/14667631> MFi UAT - First name, last name and email on enrollment form should not be shown as input text field --end*/
.mfi_invalidURL_img {
	background: url(../images/logo_bg_gray.png) no-repeat;
	background-size: 165px auto;
	height: 33px;
}

/*AirPrint related*/
#content_sub #bartmap .progress_bar_airprint { 
	background: url(../images/progressbg.gif) repeat-x;
	display: block;
	height: 4px;
	position: absolute;
	z-index: 0; 
}

#content_sub #bartmap .progress_bar_airprint { 
	margin: 20px 114px -4px;
	width:300px;
}	
#content_sub #bartmap .progress_bar_airprint { 
	position:absolute;
	background:url(https://devimages.apple.com.edgekey.net/assets/elements/registration/images/progressbarbg.gif) repeat-x; 
}

#content_sub #bartmap .insid_ProgressBar_airprint {
	padding-left:225px !important;
}

#Windows {
    background-position: 10px -914px;
}

#MacOS {
	background-position:-72px -836px;
}

.os {
    background: url(../images/browserSpriteImage.png) no-repeat;
    width: 49%;
    display: inline-block;
}

.os h3 {
    padding: 10px 10px 10px 100px;
    font-size: 1.3em;
}

.warning {
    font-size: 14px;
    line-height: 18px;
    margin: 1.5em 0 1.5em;
    font-weight:normal;
}
.os ul {
	padding: 0px 0px 0px 100px;
}

#incompatibleBrowser {
	z-index: 1000; 
	font-size: 15px; 
	color: #666; 
	background-color: #FFC; 
	position: absolute; 
	top: 0; 
	width: 100%; 
	left: 0;
	opacity: 0.78;
	font-family:"Helvetica";
}