@CHARSET "UTF-8";
/* ======================================================
Copyright 2013 Tynker.
CSS: vUI01r1 - IDE
=========================================================
Colors
---------------------------------------------------------

    
--------------------------------------------------------- */

/********************************************************
	MAIN
*********************************************************/
body, html { 
	font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    color:#555;
    font-size:12px;
    background:#f9f8f4;
}
body {
    padding-top:46px;
}

header, nav, section, article, aside, details, address, figure, figcaption, hgroup, footer {display:block}
audio[controls],canvas,video {display:inline-block; *display:inline; *zoom:1}

h1, h2, h3, h4, h5, h6 {color:#3b3832; font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:600;}
h1 { font-size:25px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:13px; }

a:link,
a:visited {color:#3a74b2; text-decoration:none;}
a:hover {color:#3a74b2; text-decoration:underline;}

em {font-style:italic; }
.relative {position:relative;}
.float-left {float:left;}
.float-right {float:right;}

ul, menu, dir {
	display:block;
	list-style-type:square;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
	-webkit-padding-start:0;
}

/* -- COLOR BLOCKS -- */
.colorBlockCCC {background:#CCC;}
.colorBlockDDD {background:#DDD;}
.colorBlockEEE {background:#EEE;}
.colorBlockF1 {background:#F1F1F1;}

/* -- CLEARFIX -- */
.cb:after {visibility:hidden; display:block; content:""; clear:both; height:0;}
* html .cb {zoom:1;} /* IE6 */
*:first-child+html .cb {zoom:1;} /* IE7 */

/* -- BOX SIZING -- */
*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* -- GRID -- */
[class*='col-'] {float:left; padding-right:20px;}
[class*='col-']:last-of-type {padding-right: 0px;}
.grid {
	width:100%;
	max-width:1140px;
	margin:0 auto; 
	overflow:hidden;
}
.grid:after {content:""; display:table; clear:both;}
.gridPad {padding:20px 0 0px 20px;}
.gridPad > [class*='col-']:last-of-type {padding-right:20px;}
.pushRight {float:right;}

/* -- CONTENT (grids) -- */
.col-1-1 {width:100%;}
.col-2-3, .col-8-12 {width:66.66%;}
.col-1-2, .col-6-12 {width:50%;}
.col-1-3, .col-4-12 {width:33.33%;}
.col-1-4, .col-3-12 {width:25%;}
.col-3-4 {width:75%;}
.col-1-5 {width:20%;}
.col-1-6, .col-2-12 {width:16.667%;}
.col-1-7 {width:14.28%;}
.col-1-8 {width:12.5%;}
.col-1-9 {width:11.1%;}
.col-1-10 {width:10%;}
.col-1-11 {width:9.09%;}
.col-1-12 {width:8.33%}

/* -- LAYOUT (Columns) -- */
.col-11-12 {width:91.66%}
.col-10-12 {width:83.333%;}
.col-9-12 {width:75%;}
.col-5-12 {width:41.66%;}
.col-7-12 {width:58.33%}

@media handheld, only screen and (max-width: 767px) {	
	.grid {
		width:100%;
		min-width:0;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
	}
	[class*='col-'] {
		width:auto;
		float:none;
		margin-left:0px;
		margin-right:0px;
		margin-top:10px;
		margin-bottom:10px;
		padding-left:20px;
		padding-right:20px;
	}
}

/********************************************************
	PAGE STYLING
*********************************************************/
/* -- HEADER -- */
#ideHead {color:#fff;
	position:fixed;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    height:46px;
    background:#e7e6e2;
    background:-webkit-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-moz-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-ms-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-o-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:linear-gradient(to bottom, #f3f2ed 0%, #e7e6e2 100%);
    border-bottom:1px solid #bab9b8;
    -webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4); 
    box-shadow:0 1px 3px rgba(34,25,25,0.4);
    z-index:1000;
}
.inside-ideHead {
	position:relative;
	width:100%;
	margin:0 auto;
}
.inside-ideHead a.home {color:#67645d; font-size:18px; line-height:45px; font-weight:normal; font-family:'icomoon'; text-shadow:0 1px 0 #FFF; text-decoration:none;
	float:left;
    display:inline-block;
    width:45px;
    height:45px;
    border-right:1px solid #bab9b8;
    speak:none;
    vertical-align:baseline;
    -webkit-font-smoothing:antialiased;
    padding-left:13px;
}
.inside-ideHead a.home:hover {color:#3b3832; text-decoration:none;
    background:#f2f1ee;
    background:-webkit-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-moz-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-ms-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-o-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:linear-gradient(to bottom, #fbfaf6 0%, #f2f1ee 100%);
}
.inside-ideHead .title {color:#4f4b43; font-size:16px; line-height:45px; font-weight:normal;
    float:left;
    display:inline-block;
    border-left:1px solid #f9f8f4;
    padding-left:20px;
}
/* -- IDE MENU -- */
.inside-ideHead ul.ideMenus {
    float:left;
    position:relative;
    display:inline-block;
    padding:0;
    margin:0;
}
.inside-ideHead ul.ideMenus li {color:#4f4b43; font-size:16px; line-height:45px; font-weight:500;
    float:left;
    position:relative;
    display:inline-block;
    border-left:1px solid #f9f8f4;
    border-right:1px solid #bab9b8;
    padding:0;
    margin:0;
}
.inside-ideHead ul.ideMenus li:hover {color:#3b3832;
    background:#f2f1ee;
    background:-webkit-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-moz-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-ms-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:-o-linear-gradient(top, #fbfaf6 0%, #f2f1ee 100%);
    background:linear-gradient(to bottom, #fbfaf6 0%, #f2f1ee 100%);
}
.inside-ideHead ul.ideMenus li:hover ul {display:block;}
.inside-ideHead ul.ideMenus li a {color:#4f4b43; font-size:16px; line-height:45px; font-weight:500; padding:0 15px; margin:0;}
.inside-ideHead ul.ideMenus li a:hover {text-decoration:none;}
.inside-ideHead ul.ideMenus li a.menu {position:relative; display:block; color:#4f4b43; font-size:16px; line-height:45px; font-weight:normal; padding:0 15px; margin:0;}
.inside-ideHead ul.ideMenus li a.menu:hover {text-decoration:none;}
.inside-ideHead ul.ideMenus li a.menu span {
    position:relative;
    display:inline-block;
    width:0;
    height:0;
    border:1px solid #3b3832;
    border-color:#3b3832 transparent transparent transparent;
    border-width:4px;
    padding:0;
    margin:0 0 0 8px;
}
.inside-ideHead ul.ideMenus li ul {
    position:absolute;
    display:none;
    top:45px;
    left:-2px;
    min-width:160px;
    background:#fff;
    border:1px solid #bab9b8;
    border-top:1px solid #f2f1ee;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 1px 1px rgba(208,205,193,1.0);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,1.0);
    padding:0;
    margin:0;
    z-index:100;
}
.inside-ideHead ul.ideMenus li ul li {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left;
    float:none;
    position:relative;
    display:block;
    white-space:nowrap;
    border:0;
    padding:0;
    margin:0;
}
.inside-ideHead ul.ideMenus li ul li:hover {background:#fbfaf7;}
.inside-ideHead ul.ideMenus li ul li.menuDiv {border-top:1px solid #e1dfdf;}
.inside-ideHead ul.ideMenus li ul li a {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left; text-decoration:none;
    position:relative;
    display:inline-block;
    white-space:nowrap;
    padding:0 0 0 10px;
    margin:0;
}
.inside-ideHead ul.ideMenus li ul li a:hover {color:#3b3832; text-decoration:none;}
.inside-ideHead ul.ideMenus li ul li span {font-size:12px; line-height:32px; font-weight:300; text-align:right;
    float:right;
    display:inline-block;
    padding-right:10px;
}
.inside-ideHead ul.ideMenus li ul li.disable,
.inside-ideHead ul.ideMenus li ul li.disable a,
.inside-ideHead ul.ideMenus li ul li.disable span {color:#d3d2cf; cursor:default;}

/* -- IDE MESSAGING -- */
.inside-ideHead ul.messages {
    float:right;
    position:relative;
    display:inline-block;
    padding:0;
    margin-right:12px;
}
.inside-ideHead  ul.messages li {color:#4f4b43; font-size:16px; line-height:37px; font-weight:500;
    float:right;
    position:relative;
    display:inline-block;
    padding:8px 10px 0;
    margin:0;
}
.inside-ideHead  ul.messages li span {color:#67645d; font-size:24px;  line-height:24px; font-weight:normal; font-family:'icomoon'; text-decoration:none;
    speak:none;
    vertical-align:baseline;
    -webkit-font-smoothing:antialiased;
}
.inside-ideHead  ul.messages li .number {color:#fff; font-size:12px; line-height:12px; font-weight:500; text-align:center;
    position:absolute;
    top:14px;
    left:14px;
    width:18px;
}
.inside-ideHead  ul.messages li.green .number {color:#fff;}
.inside-ideHead  ul.messages li.green span {color:#49a747;}
.inside-ideHead  ul.messages li:hover ul {display:block;}
.inside-ideHead  ul.messages li:hover {
    background:#fbfaf7;
}
.inside-ideHead ul.messages li ul {
    position:absolute;
    display:none;
    top:45px;
    right:0;
    min-width:250px;
    background:#fff;
    border:4px solid #fbfaf7;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 1px 1px rgba(208,205,193,1.0);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,1.0);
    padding:0;
    margin:0;
    z-index:100;
}
.inside-ideHead ul.messages li ul li {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left;
    float:none;
    position:relative;
    display:block;
    overflow:hidden;
    border:0;
    padding:0;
    margin:0;
}
.inside-ideHead ul.messages li ul li.title {color:#3b3832; font-size:11px; line-height:12px; font-weight:500; text-align:left; text-transform:uppercase;
    position:relative;
    display:block;
    height:25px;
    background:#fbfaf7;
    padding:3px 0 10px 10px;
}
.inside-ideHead ul.messages li ul li a {color:#3b3832; font-size:12px; line-height:15px; font-weight:300; text-align:left; text-decoration:none;
    position:relative;
    display:block;
    height:45px;
    border-bottom:2px solid #fbfaf7;
    padding:6px 10px 8px 10px;
    margin:0;
}
.inside-ideHead ul.messages li ul li a:hover {color:#3b3832; text-decoration:none; background:#fcf9e7;}
.inside-ideHead ul.messages li ul li.btnMessages  {position:relative; display:block; height:82px; background:#fff; padding:8px;}
.inside-ideHead ul.messages li ul li.btnMessages a.view {color:#67645d; font-size:14px; line-height:15px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0;
    position:relative;
    display:block;
    height:30px;
    background:#e7e6e2;
    background:-webkit-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-moz-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-ms-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-o-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:linear-gradient(to bottom, #f3f2ed 0%, #e7e6e2 100%);
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom:6px;
}
.inside-ideHead ul.messages li ul li.btnMessages a.view:hover {color:#3b3832; text-decoration:none;
    border-color:#aaa #aaa #999;
    background:#edece8;
    background:-webkit-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-moz-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-ms-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-o-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:linear-gradient(to bottom, #f7f6f2 0%, #edece8 100%);
}
.inside-ideHead ul.messages li ul li.btnMessages a.send {color:#67645d; font-size:14px; line-height:15px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0;
    position:relative;
    display:block;
    height:30px;
    background:#ffa80d;
    background:-webkit-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-moz-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-ms-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-o-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:linear-gradient(to bottom, #ffbb41 0%, #ffa80d 100%);
    border:1px solid;
    border-color:#eba324 #eba324 #d9961f;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.inside-ideHead ul.messages li ul li.btnMessages a.send:hover {color:#3b3832; text-decoration:none;
    background:#ffb127;
    background:-webkit-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-moz-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-ms-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-o-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:linear-gradient(to bottom, #ffbf4b 0%, #ffb127 100%);
}




/* -- SIDEBAR -- */
.sidebar {
	float:left;
	width:300px;
	margin:20px 0 0 20px;
}

/* -- FOOTER -- */
#ideFoot {
	position:relative;
	display:block;
	width:100%;
	background:#e7e6e2;
	border-top:4px solid #2d2c29;
}
.inside-ideFoot {
    position:relative;
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
}
.inside-ideFoot ul.nav {font:16px; line-height:46px; font-weight:500; text-shadow:0px -1px 1px #0D2137;
	float:left;
	border-left:1px solid #16467b;
    border-right:1px solid #4c88c7;
}
.inside-ideFoot .nav li {
    float:left;
    border-left:1px solid #4c88c7;
    border-right:1px solid #16467b;
}

/********************************************************
    CHAPTER BOX
*********************************************************/
.chapterBox {
    position:fixed;
    top:50%;
    left:50%;
    display:block;
    width:900px;
    height:500px;
    margin-left:-450px;
    margin-top:-250px;
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,1.0);
    -moz-box-shadow:0 4px 10px rgba(0,0,0,1.0);
    -ms-box-shadow:0 4px 10px rgba(0,0,0,1.0);
}

/* -- DEFAULT -- */
.chapterDefault {
    background:#fff;
    border:8px solid #f3f2ed;
    padding:0;
}
.chapterDefault .panelLeft {
    float:left;
    display:inline-block;
    width:50%;
    height:100%;
    background:#fff;
    padding:12px 20px 5px;
    overflow-y: auto;
}
.chapterDefault .panelLeft h2 {position:relative; display:block; color:#3b3832; font-size:24px; line-height:25px; letter-spacing:0; font-weight:500; margin:0 0 20px;}
.chapterDefault .panelLeft .subhead {color:#4f4b43; font-size:17px; line-height:20px; letter-spacing:0; font-weight:300; margin:0 0 15px;}
.chapterDefault .panelLeft .badgePanel {position:relative; display:block; margin:0 0 15px;}
.chapterDefault .panelLeft .badgePanel .badge {float:left; positin:relative; display:inline-block; margin:0 20px 0 0;}
.chapterDefault .panelLeft .badgePanel .badge img {position:relative; width:100px; height:100px;}
.chapterDefault .panelLeft .badgePanel span {position:relative; display:inline-block; color:#49a747; font-size:34px; line-height:34px; letter-spacing:-1px; font-weight:500; margin-top:14px;}
.chapterDefault .panelLeft p {color:#4f4b43; font-size:18px; line-height:22px; letter-spacing:0; font-weight:300; margin:0 0 20px;}
.chapterDefault .panelLeft h5 {color:#3b3832; font-size:20px; line-height:21px; letter-spacing:0; font-weight:500; margin:0 0 11px;}
.chapterDefault .panelLeft ul {list-style-type:none; margin:4px 0 6px;}
.chapterDefault .panelLeft ul li {font-size:20px; line-height:24px; font-weight:400;
    background-image:url('img/icn-checkmark-green.jpg');
    background-repeat:no-repeat;
    background-position:0 0; 
    padding-left:28px;
    margin:0 0 10px; 
}
.chapterDefault .panelLeft ul li img {width:auto; display:inline-block; margin:0 4px 0 0;}
.chapterDefault .panelRight {
    float:right;
    display:inline-block;
    width:50%;
    height:100%;
    background:#faf9f3;
    border-left:1px solid #f0eee5;
    padding:20px 30px;
}
.chapterDefault .panelRight .infoBox {
	position:relative;
	display:block;
	background:#fff;
	border:1px solid #d3d2cf;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 1px 2px rgba(198,195,182,0.5);
    -moz-box-shadow:0 1px 2px rgba(208,205,193,0.5);
    -ms-box-shadow:0 1px 2px rgba(208,205,193,0.5);
	padding:10px 0 0;
	margin:0 auto 20px;
}
.chapterDefault .panelRight .infoBox h3 {position:relative; display:block; color:#4f4b43; font-size:21px; line-height:22px; letter-spacing:0; font-weight:500; margin:0 20px 12px;}
.chapterDefault .panelRight .infoBox .imagePanel {position:relative; display:block; margin:0 20px 12px;}
.chapterDefault .panelRight .infoBox .imagePanel .badge {float:left; positin:relative; display:inline-block; margin:0 15px 0 8px;}
.chapterDefault .panelRight .infoBox .imagePanel .badge img {position:relative; width:70px; height:70px;}
.chapterDefault .panelRight .infoBox .imagePanel .player {float:left; positin:relative; display:inline-block; width:100px; height:65px; overflow:hidden; margin:0 15px 0 0;}
.chapterDefault .panelRight .infoBox .imagePanel .infoHeading {position:relative; display:block; color:#4f4b43; font-size:18px; line-height:19px; letter-spacing:0; font-weight:400; margin:0 0 4px;}
.chapterDefault .panelRight .infoBox .imagePanel p {position:relative; display:inline; color:#4f4b43; font-size:16px; line-height:22px; letter-spacing:0; font-weight:300;}

.chapterDefault .panelRight .infoBox .actionPanel {text-align:center;
    width:100%;
	margin:10px 0 0;
}
.chapterDefault .panelRight .infoBox .actionPanel a {color:#fff; font-size:14px; line-height:19px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0;
    position:relative;
    display:block;
    width:100%;
    text-shadow:0 -1px 0 #e59e21;
    background:#ffa80d;
    background:-webkit-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-moz-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-ms-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:-o-linear-gradient(top, #ffbb41 0%, #ffa80d 100%);
    background:linear-gradient(to bottom, #ffbb41 0%, #ffa80d 100%);
    border:2px solid;
    border-color:#eba324 #eba324 #d9961f;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
    -webkit-box-shadow:inset 0 0 1px #FFF;
    -moz-box-shadow:inset 0 0 1px #FFF;
    -ms-box-shadow:inset 0 0 1px #FFF;
    box-shadow:inset 0 0 1px #FFF;
    vertical-align:middle;
    padding:7px 12px;    
    margin-right:5px;
    cursor:pointer;
}
.chapterDefault .panelRight .buttonPanel {text-align:right;
    position:absolute;
    bottom:20px;
    right:20px;
}
/* -- CONGRATS BOX -- */
.congratsBox {
    position:relative;
    display:block;
    background:#fff;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:0 0 10px #000;
    -moz-box-shadow:0 0 10px #000;
    -ms-box-shadow:0 0 10px #000;
    -o-box-shadow:0 0 10px #000;
    box-shadow:0 0 10px #000;
    padding:0;
    margin:0;
}
.congratsBox a.closeBox {
    position:absolute;
    top:-12.5px;
    right:-12.5px;
    display:block;
    width:26px;
    height:26px;
    text-indent:-9999px;
    background:url(/global/ui01/css/img/icn-close2.png) 0 0 no-repeat;
}
.congratsBox h2 {color:#fff; font-size:25px; line-height:30px; font-weight:300; letter-spacing:0;
    position:relative;
    display:block;
    background:#f47423 /*#0781ba*/;
    padding:5px 15px 5px;
    margin:0;
}
.congratsBox h2 span {font-size:24px; line-height:31px;
    speak:none;
    font-weight:normal;
    -webkit-font-smoothing:antialiased;
    margin-right:6px;
}
.congratsBox .congratsBody {
    text-align: center;
    position:relative;
    display:block;
    padding:10px 30px 5px;
}
.congratsBox .congratsBody h3 {color:#da6f05 /*e77505*/; font-size:32px; line-height:36px; font-weight:500;
    padding:0;
    margin:10px 0 12px;
}
.congratsBox .congratsBody p {font-size:14pt; line-height:20px; padding:0 0 10px;}
.congratsBox .congratsFooter {text-align:center;
    position:relative;
    display:block;
    padding:6px 10px 20px;
    margin:10px 0 0;
}
.congratsBox .congratsFooter a {margin-right: 10px;}



/********************************************************
	BUTTONS
*********************************************************/ 
.btnFlatGreen,
a.btnFlatGreen,
.buttonrow a.btnFlatGreen,
input[type="submit"].btnFlatGreen {color:#fff !important; text-align:center; text-decoration:none;
    position:relative;
    display:inline-block;
    background:#3fb58e;
    background:-webkit-linear-gradient(top, #3fb58e 0%, #3daf89 100%);
    background:-moz-linear-gradient(top, #3fb58e 0%, #3daf89 100%);
    background:-ms-linear-gradient(top, #3fb58e 0%, #3daf89 100%);
    background:-o-linear-gradient(top, #3fb58e 0%, #3daf89 100%);
    background:linear-gradient(to bottom, #3fb58e 0%, #3daf89 100%); 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 -1px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow:0 -1px rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow:0 -1px rgba(0, 0, 0, 0.15) inset;
    box-shadow:0 -1px rgba(0, 0, 0, 0.15) inset;
    vertical-align:middle;
    padding:8px 14px;
    margin-right:5px;
    cursor:pointer;
}
.btnFlatGreen:hover,
a.btnFlatGreen:hover,
.buttonrow a.btnFlatGreen:hover,
input[type="submit"].btnFlatGreen:hover {text-decoration:none;
    background:#3cad88;
    background:-webkit-linear-gradient(top, #3cad88 0%, #3ba784 100%);
    background:-moz-linear-gradient(top, #3cad88 0%, #3ba784 100%);
    background:-ms-linear-gradient(top, #3cad88 0%, #3ba784 100%);
    background:-o-linear-gradient(top, #3cad88 0%, #3ba784 100%);
    background:linear-gradient(to bottom, #3cad88 0%, #3ba784 100%); 
    -webkit-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    -ms-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
}
.btnFlatGray,
a.btnFlatGray,
.buttonrow a.btnFlatGray,
input[type="submit"].btnFlatGray {color:#2d2c29 !important; text-align:center; text-decoration:none;
    position:relative;
    display:inline-block;
    background:#f2f2f2;
    background:-webkit-linear-gradient(top, #ededed 0%, #e8e8e8 100%);
    background:-moz-linear-gradient(top, #ededed 0%, #e8e8e8 100%);
    background:-ms-linear-gradient(top, #ededed 0%, #e8e8e8 100%);
    background:-o-linear-gradient(top, #ededed 0%, #e8e8e8 100%);
    background:linear-gradient(to bottom, #ededed 0%, #e8e8e8 100%); 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 -1px rgba(0, 0, 0, 0.10) inset;
    -moz-box-shadow:0 -1px rgba(0, 0, 0, 0.10) inset;
    -ms-box-shadow:0 -1px rgba(0, 0, 0, 0.10) inset;
    box-shadow:0 -1px rgba(0, 0, 0, 0.10) inset;
    vertical-align:middle;
    padding:8px 14px;
    margin-right:5px;
    cursor:pointer;
}
.btnFlatGray:hover,
a.btnFlatGray:hover,
.buttonrow a.btnFlatGray:hover,
input[type="submit"].btnFlatGray:hover {text-decoration:none;
    background:#dfdfdf;
    background:-webkit-linear-gradient(top, #dfdfdf 0%, #d9d9d9 100%);
    background:-moz-linear-gradient(top, #dfdfdf 0%, #d9d9d9 100%);
    background:-ms-linear-gradient(top, #dfdfdf 0%, #d9d9d9 100%);
    background:-o-linear-gradient(top, #dfdfdf 0%, #d9d9d9 100%);
    background:linear-gradient(to bottom, #dfdfdf 0%, #d9d9d9 100%); 
    -webkit-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    -ms-box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
    box-shadow:0 -1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0,0,0,0.25);
}
a.btnMain {color:#dfdfdf; font-size:14px; line-height:21px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0; text-shadow:0 -1px 0 #0c0c0c;
	position:relative;
   	display:inline-block;
   	vertical-align:middle;
   	background:transparent;
   	border:1px solid;
   	border-color:transparent;
   	-webkit-border-radius:2px;
   	-moz-border-radius:2px;
   	border-radius:2px;
   	padding:6px 12px 7px;
   	margin-left:2px;
   	cursor:pointer;
}
a.btnMain:hover {color:#f4f4f4; text-shadow:0 -1px 0 #074d75;
    border:1px solid;
   	border-color:#454545 #454545 #3e3e3e;
    background:#0e7ab7;
    background:-webkit-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-moz-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-ms-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-o-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:linear-gradient(to bottom, #2ca8ec 0%, #0e7ab7 100%);
    -webkit-box-shadow:inset 0 0 2px #39b5f8;
    -moz-box-shadow:inset 0 0 2px #39b5f8;
    -ms-box-shadow:inset 0 0 2px #39b5f8;
    box-shadow:inset 0 0 2px #39b5f8;
}
a.btnMain.active {color:#7d7a72; text-decoration:none;
   	border-color:#b6b6b6 #bbb #bbb;
    background:#e0dfdc;
    background:-webkit-linear-gradient(top, #dddddb 0%, #e0dfdc 100%);
    background:-moz-linear-gradient(top, #dddddb 0%, #e0dfdc 100%);
    background:-ms-linear-gradient(top, #dddddb 0%, #e0dfdc 100%);
    background:-o-linear-gradient(top, #dddddb 0%, #e0dfdc 100%);
    background:linear-gradient(to bottom, #dddddb 0%, #e0dfdc 100%);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
   	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
	-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
}
a.btnMain span {color:#dfdfdf; font-size:21px;  line-height:21px; font-weight:normal; font-family:'icomoon'; text-decoration:none; text-shadow:0 -1px 0 #323232;
    speak:none;
    vertical-align:baseline;
    -webkit-font-smoothing:antialiased;
}
a.btnMain:hover span {color:#f4f4f4;}

/* -- BUTTON (Action - Continue) -- */
a.btnAction {color:#dfdfdf; font-size:14px; line-height:21px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0; text-shadow:0 -1px 0 #0c0c0c;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    background:transparent;
    border:1px solid;
    border-color:transparent;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:6px 12px 7px;
    margin-left:2px;
    cursor:pointer;
}
a.btnAction:hover {color:#f4f4f4; text-shadow:0 -1px 0 #074d75;
    border:1px solid;
    border-color:#454545 #454545 #3e3e3e;
    background:#0e7ab7;
    background:-webkit-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-moz-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-ms-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:-o-linear-gradient(top, #2ca8ec 0%, #0e7ab7 100%);
    background:linear-gradient(to bottom, #2ca8ec 0%, #0e7ab7 100%);
    -webkit-box-shadow:inset 0 0 2px #39b5f8;
    -moz-box-shadow:inset 0 0 2px #39b5f8;
    -ms-box-shadow:inset 0 0 2px #39b5f8;
    box-shadow:inset 0 0 2px #39b5f8;
}
a.btnAction.active {color:#fff; text-decoration:none; text-shadow:0 -1px 0 #9e5e11;
    border:1px solid;
    border-color:#454545 #454545 #3e3e3e;
    background:#ed8c17;
    background:-webkit-linear-gradient(top, #ffb320 0%, #ed8c17 100%);
    background:-moz-linear-gradient(top, #ffb320 0%, #ed8c17 100%);
    background:-ms-linear-gradient(top, #ffb320 0%, #ed8c17 100%);
    background:-o-linear-gradient(top, #ffb320 0%, #ed8c17 100%);
    background:linear-gradient(to bottom, #ffb320 0%, #ed8c17 100%);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
    -ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
}
a.btnAction.active:hover {color:#fff; text-decoration:none; text-shadow:0 -1px 0 #9e5e11;
    border:1px solid;
    border-color:#454545 #454545 #3e3e3e;
    background:#f9941a;
    background:-webkit-linear-gradient(top, #ffb933 0%, #f9941a 100%);
    background:-moz-linear-gradient(top, #ffb933 0%, #f9941a 100%);
    background:-ms-linear-gradient(top, #ffb933 0%, #f9941a 100%);
    background:-o-linear-gradient(top, #ffb933 0%, #f9941a 100%);
    background:linear-gradient(to bottom, #ffb933 0%, #f9941a 100%);
}


/* -- OPTIONS -- */
a.icon {color:#dfdfdf; padding:6px 8px 3px !important;}
a.space {margin-left:15px !important;}
a.red span {color:#b62030;}
a.green span {color:#49a747;}
a.blue span {color:#3a74b2;}
a.hilight {color:#f4f4f4; text-shadow:0 -1px 0 #c48515;
    border-left:1px solid #fdca6f;
    background:#e29917;
    background:-webkit-linear-gradient(top, #ffbf4b 0%, #e29917 100%);
    background:-moz-linear-gradient(top, #ffbf4b 0%, #e29917 100%);
    background:-ms-linear-gradient(top, #ffbf4b 0%, #e29917 100%);
    background:-o-linear-gradient(top, #ffbf4b 0%, #e29917 100%);
}
a.hilight:hover {color:#f4f4f4; text-shadow:0 -1px 0 #c48515;
    border-left:1px solid #fdca6f;
    background:#eda11b;
    background:-webkit-linear-gradient(top, #fec45c 0%, #eda11b 100%);
    background:-moz-linear-gradient(top, #fec45c 0%, #eda11b 100%);
    background:-ms-linear-gradient(top, #fec45c 0%, #eda11b 100%);
    background:-o-linear-gradient(top, #fec45c 0%, #eda11b 100%);
}
/* -- BUTTON (Size) -- */
a.micro,
input[type="submit"].micro {font-size:11px; line-height:11px; font-weight:500; padding:3px 6px 4px !important; margin-right:2px;}
a.small,
input[type="submit"].small {font-size:12px;  line-height:13px; font-weight:500; padding:6px 12px !important;}
a.medium,
input[type="submit"].medium {font-size:14px; line-height:19px; font-weight:500; padding:6px 16px 6px 16px !important;}
a.large,
input[type="submit"].large {font-size:16px; line-height:23px; font-weight:500; padding:10px 20px !important;}
a.max,
input[type="submit"].max {font-size:20px; line-height:28px; font-weight:500; padding:15px 24px !important;}
a.full,
input[type="submit"].full {width:100%;}
a.fmicro,
input[type="submit"].fmicro {font-size:10px !important; line-height:11px !important; font-weight:300; padding:3px 6px 4px !important;}
a.fsmall,
input[type="submit"].fsmall {font-size:12px !important;  line-height:13px !important; font-weight:300; padding:6px 12px !important;}
a.fmedium,
input[type="submit"].fmedium {font-size:12px; line-height:16px; font-weight:300; letter-spacing:0; padding:8px 20px !important;}
a.flarge,
input[type="submit"].flarge {font-size:14px; line-height:18px; font-weight:300; padding:10px 24px !important;}
a.fmax,
input[type="submit"].fmax {font-size:20px; line-height:28px; font-weight:300; padding:15px 24px !important;}
a.ffull,
input[type="submit"].ffull {width:100%;}