@charset "utf-8";
ol li{margin:1em 0 1em 1em;}
ol.nomar{margin-top:10px;}
.linksB2 ol{margin-top:3px;}
ol.nomar li{margin:0 0 0 1em;}
ol.nomar li li{margin:0;}
.linkBox ol.nomar a,.linkBox .mulinks li{padding:0.1em 0.8em 0.2em;}
#menuR {float:right;width:12.6em;margin:2px -12.8em 10px 0;z-index:9;}
#menuR .menuBox{font-size:0.86em;}
.menuT {font-size:1.1em;height:1.5em;line-height:1.5em;padding:0.1em 1.1em 0.2em 1.1em;font-weight:bold;}
.menuT {background-color:#009874;display:inline; float:left;}
.menuT,.menuT a{color:#EFEEED;}
.linksB{width:100%;clear:left;}
.linksB2{position:relative;float:left;width:auto;margin-right:3px;margin-bottom:8px;}
.linkBox {line-height:1.5em;border:1px solid #FFF;padding:0.1em 0.1em 0 0;}
.linksB .linkBox, .linksB2 .linkBox, .linksB .pdiv{position:relative;float:left;}
.linkBox a,.linkBox div,.linkBox .mulinks li,.gybg,.linksB .pdiv{display:block;padding:0.1em 0.5em 0.2em;margin-bottom:0.2em;text-decoration:none;font-weight:bold;background-color:#F9F9F9;}
.gybg{padding-left:0.8em;}
.gybg a, a.illk{display:inline;padding:0;}
.linksB .pdiv{margin:0.2em 0.3em 0 0;font-weight:normal;border:2px solid #F9F9F9;}
.linksB .pdiv:hover{background-color:#FFF;border:2px solid #F2F2F2;}
.linkBox div,.linkBox div a,.linkBox div a:hover, .linkBox .mulinks li a:hover{color:#009872;background-color:#F2F2F2;}
.linkBox a:hover, .gybg:hover, .gybg:hover a{background-color:#E5EDF6;color:#036;}
.linkBox strong{color:#000000;}
.linksB2 a strong{padding-right:0.4em;}
.linkBox a:hover, .gybg:hover a{text-decoration:underline;}
.linkBox .mulinks li{font-weight:normal;}
.linkBox .mulinks li a{display:inline;padding:0;}

.linksB2 .row{display:block;padding:0.1em 0.8em 0.2em;margin-bottom:0.2em;text-decoration:none;font-weight:bold;background-color:#F9F9F9;color:#006698;}
.linksB2 a{padding-top:0.3em}
.p0{padding:0;}

/*continue back*/
.lrg,.continue,.back{color:#0077BB;font-size:1.1em;font-weight:bold;}
.continue,.back{height:40px;line-height:1.3em; text-decoration:underline;}
.continue{padding:3px 35px 0 0;background:url(/images/icons/tutorials/next.gif) no-repeat right;}
a.continue:hover{background-image:url(/images/icons/tutorials/next2.gif);color:#009872;}
.back{padding:3px 0 0 35px;background:url(/images/icons/tutorials/previous.gif) no-repeat left;}
a.back:hover{background-image:url(/images/icons/tutorials/previous2.gif);color:#009872;}

/*tutorial lists*/
.tutlist div.tut{float:left;padding:0.1em 0 0.3em;text-decoration:none;background-color:#F1F7FA;margin:0.5% 1% 0.5% 0;border-top:1px solid #C9DBED; width:49%; min-width:258px;}
/*.tutlist div:nth-child(even).tut{margin-right:0;}
.tutlist div:nth-child(odd).tut{clear:left;}*/
.tutlist div.exp{width:98%;}
.tutlist a.ti{font-weight:bold;font-size:1em;margin:0.1em 0 0.2em;padding:0 0.8em;}
.tutlist div.tut div, .tutlist2 li{background-color:#FFF;border:3px solid #E0EBF3; line-height:1.5em}
.tutlist2 li{border:1px solid #E0EBF3; font-size:0.9em;}
.tutlist div.tut div{border-bottom:1px solid #C9DBED;padding:6px;overflow:hidden;}
.tutlist img{float:left;margin:6px 8px 2px 0;}
.tbot .tutlist div.tut div{min-height:80px;}
.tbot .tutlist img{margin:4px 12px 4px 2px;}
.tutlist h4{margin-top:0.5em;clear:left;width:97%}
.tutlist br{clear:left;}
.tutlist,.tutlist2{margin:0;display:block;clear:left;position:relative;z-index:6; text-align:left; overflow:hidden;}/*width:100%;*/
html>/**/body .tutlist2{margin:5px 0 0 0;} 
.tutlist2 li{list-style:none;position:relative;float:left;display:block;padding:4px 2px 4px 0.5em; margin:0 0.5em 5px 0;font-weight:bold; text-align:left;min-width:258px;width:47.2%;}
html>/**/body .tutlist2 li{}
.tutlist2 img{float:left;margin:2px 8px 2px 0; vertical-align:middle;}
.tutlist2 a{margin-top:5px; display:block;}
.tutlist div.tut:hover div {color:#000;border-color:#E0EBE3;border-bottom-color:#94D6CD;}
.tutlist div.tut:hover, .tutlist div.tut:hover a.ti{color:#009872;background-color:#F8FAF9;text-decoration:none;border-top-color:#94D6CD;}
.tut:hover div a{color:#CC0755;}
.tut:hover div a:hover{color:#009872;text-decoration:underline;}
.tutlist .tut div hr{display:block;clear:left;height:0px;visibility:hidden;}
.tutlist span{width:11.1em;display:block;float:left;padding:4px 2px 2px;text-align:center;margin:0 0.5em 0.5em 0;border:1px solid #C9DBED;}
.tutlist span img{float:none;position:relative;margin:0 auto;}
.tutlist span a{display:block;margin:0;padding:0 2px;text-align:center; background-color:#FFF;}
.tutlist span a.ti{clear:left;background-color:#F1F7FA; font-size:0.75em;}


/* New Styles */
#actual{position:relative;min-height:579px;width:100%;height:auto;overflow:auto;}
#actual img,.csi img{margin:0 auto;}
.csi{overflow:auto; width:100%; text-align:center;}
.ilist{position:relative; margin:0 auto; width:53em; display:block; text-align:center; left:-1em;}
.ilist img{border-width:4px; border-style:solid; border-color:#90C3E2 #B0D0DF;margin:0 0.3em 0.5em; z-index:9;}
.ilist.icons{text-align:left;width:99%;left:0;white-space:nowrap; margin-bottom:20px;min-width:1030px;}
.ilist.icons img{border-width:2px;border-color:#E2E2E2 #EFEEED;margin:0 2px 2px 0;}
.ilist.icons a{float:left;}
.ilist.icons br{clear:left;}


/* Template Category Styles */
.tabledk {background-color:#6699CC;font-weight:bold;color:#FFFFEE;padding:8px 3px 10px 3px;line-height:11px;} 
div.tablelt{clear:both;}
.tableborder {border:1px solid #E0EBF3;}

.clear100{width:100%;clear:both;margin:15px 0 5px 0;}
.clear100B{width:100%;clear:both;margin:5px 0 15px 0;}
.link {margin:2px;text-decoration:none;}
td p{margin:4px 0 2px 0;}
td div.tabledk{padding:5px;}
td div.tablelt{padding:0 0 2px 0;}
td a.bluesub{text-decoration:none;}
td a{font-weight:bold;}
.whitesub{font-weight:bold;color:#FFFFEE;}
.whitesub:hover{color:#003;}

/* Template Page Styles */
.curveboxT {background:url(/images/home/fill_t.jpg) repeat-x; margin-left:-22px;}
.curveboxTR {background:url(/images/home/box_r.jpg) no-repeat right;}
.curveboxL {background:url(/images/home/fill_l.jpg) repeat-y;}
.curveboxR {background:url(/images/home/fill_l.jpg) repeat-y right;}
.curveboxC {padding:0 0 0 45px;margin-top:-10px;display:block;}
.curveboxB{background:url(/images/home/fill_b.jpg) repeat-x;}
.curveboxBR{background:url(/images/home/box_b.jpg) no-repeat right;}
#certs{position:relative;float:right;width:71px;top:0px;}
.clear100{width:100%;clear:both;margin:15px 0 5px 0;}
.picboxL {float:left;width:42%; margin-top:25px;margin-bottom:5px;}
.whiteboxR {float:left;width:58%;padding-bottom:3px;margin-top:25px;}
.picboxDF {position:relative;float:left;width:48%;padding:15px 8px 10px 8px;}
.super{vertical-align:super;font-size:10px;color:#333366;text-decoration:none;} 
.curveboxC .link{margin:0;}
.bluebox {padding:5px 10px 5px 10px;}
.bluebox span.bluesub{margin-top:10px;display:block;}
.link {margin:2px;text-decoration:none;}
.link:hover{text-decoration:underline;}
.strike{text-decoration:line-through;}
.gbullet,.curveboxC ul {list-style-image:url(/images/gbullet.gif);}
.curveboxC li{margin-left:20px;}
ul.gbullet ul {list-style-image:url(/images/bullet2.gif);}
ul.gbullet li{margin-left:35px;}

.colorpallet{position:relative;float:left;border:2px outset #FFF;margin-right:7px;margin-bottom:15px;padding:16px 5px;font-weight:bold;color:#000;}
.w{color:#FFE;}
.col{padding:5px 5px;background-color:#CC3366;font-weight:bold;}

.tutGreen{color:#79BF04; font-weight:bold;} 
.yellow{color:#FFC01A; font-weight:bold;}
.popup{padding:5px;background-color:#003366;}
/* UN-verified code */
.blueT, h2.red {font-size:1.3em;} 
.sm{font-size:0.8em; line-height:1em;}
.btn{background-color:#6699CC;border:2px outset #9999CC;}
input.btn{padding:3px 10px; margin:2px 0;}
.tablelt,.divT {background-color:#F1F7FA;padding:5px;}
.tableborder {border:1px solid #E0EBF3;}
.text2{font-size:0.7em}
.folio{float:left;width:37%;padding:5px;margin-top:15px;}

.nopad {padding-left:0;padding-right:0;}
.codeboxW{border:1px solid #E2E2E2;padding:0.8em;width:auto;margin:0 2px 10px 0;} 
.codeboxW h2{margin:5px 0;}
.codeboxW img{margin-bottom:10px;}
.codeboxB {background-color:#F1F7FA;border:1px solid #E0EBF3;padding:3px 10px 5px 10px;position:relative;display:block;}
.codeboxW,.codeboxB,.divT{overflow:hidden;}
.bluebox {clear:left;background-color:#C9DBED;padding:2px 10px 10px 10px;}
.tip,.note{clear:left;border:2px solid #DDD; padding:15px 15px 20px 70px; background:#EEE url(/imgs/tutorials/tip.png) left center no-repeat; overflow:hidden; color:#333; font-size:11px; vertical-align:middle; display:table-cell; margin:5px 0;}
.note{background-image:url(/imgs/tutorials/note.png);}