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

/* BANNER TAG LINE */
#bannerTag {
  text-align: center;
  margin: 0 0 25px 0;
}

#bannerTag h3 {
  color: #231f20;
  font-size: 36px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0 9px 0;
}

#bannerTag h4 {
  color: #8d8d8d;
  font-size: 18px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0;
}


/* BANNER DEVICES */
#bannerDevices {
  height: 360px;
  background: url(/images/bluetheme/bannerDevicesBG.png) top no-repeat;
}

#bannerDevices div.device {
  float: left;
  position: relative;
}

#bannerDevices div.device h3 {
  color: #6d6e71;
  font-size: 18px;
  font-weight: normal;
  position: absolute; 
  bottom: 0;
  width: 100%;
  text-align: center;
}
  

#bnrComputer {
  background: url(/images/bluetheme/laptop.png) no-repeat center;
  width: 450px;
  height: 315px;  
}

#bnrMobile {
  background: url(/images/bluetheme/mobile-h.png) no-repeat center;
  width: 240px;
  height: 315px;
}

#bnrIpad {
  background: url(/images/bluetheme/ipad-h.png) no-repeat center;
  width: 240px;
  height: 315px;
}

#bannerDevices div.badge {
  width: 90px;
  height: 79px;
  position: absolute;
  top: 25px;
}

#badgeComputer {
  background:url(/images/bluetheme/badge1.png) no-repeat;
  left: 30px;
}

#badgeMobile {
  background:url(/images/bluetheme/badge2.png) no-repeat;
}

#badgeIpad {
  background: url(/images/bluetheme/badge3.png) no-repeat;
}

/* BANNER CALL TO ACTION (HOMEPAGE) */
#bannerCall {
  border: 3px solid #b3db70;
  background: #e9f6e6;
  height: 46px;
  padding: 9px 20px;
  margin: 0 0 20px 0;
}

#bannerCall span {
  display: block;
  height: 45px;
  float: left;
}

#bannerCall span.butt {
  float: right;
}

#bannerCall h3 {
  display: block;
  color: #344032;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  margin: 0;
}

/* ACCOUNT CALL TO ACTION (ACCOUNT TYPE) */
#accountCall {
  border: 3px solid #b3db70;
  background:#E6F5D2;
  }
.account-column{
  padding: 0;
  position: relative;
  overflow:hidden;
  text-align:center;
  margin:0 auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width:100%;
}
.toggle-area {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.toggle-area a.chooser {
	background: none repeat scroll 0 0 transparent;
	/*border: 3px solid #333333;*/
	color:#344032;
	font: 36px Arial;
	letter-spacing: -1px;
	padding: 8px 0 8px;
	text-align: center;
	/*text-transform: uppercase;*/
	transition: all 0.2s ease 0s;
	width:50%;
	text-decoration: none;
}
.toggle-area a.chooser.broker {
    /*border-radius: 90px 0 0 90px;*/
    margin-right: 0px;
		text-decoration:none;
}
span.or {
  /*border-radius: 50em 50em 50em 50em;*/
  color: black;
  left: 504px;
  margin-left: -5%;
  letter-spacing: -1px;
  padding: 8px;
  position: absolute;
  top: 12px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  background-attachment: scroll;
  background-color: #D2E8FA;
  background-image: none;
  background-repeat: repeat;
  background-position: 0 0;
  border: 1px solid #bcdce9;
}
.toggle-area a.chooser.agents {
    /*border-radius: 0 90px 90px 0;*/
}
.toggle-area a.chooser:hover {
  background:#B3DA95;
  color:#344032;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.toggle-area a.chooser.active {
  background: #fdcc28;
  color:#344032;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#accountCall div.type {
  float: left;
  width: 390px;
}

#accountCall div.accountDivider {
  background: url(/images/bluetheme/divider-account.png) no-repeat center;
  float: left;
  width: 80px;
  height: 500px;
}

#accountCall h3 {
  display: block;
  color: #344032;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 25px 0;
}

#accountCall ul {
  margin: 0;
  padding: 0;
}

#accountCall li {
  list-style-type: none;
	background: url(/images/bluetheme/bullet-green.png) no-repeat top left;
  font-size: 16px;
  color: #535353;
  line-height: 160%;
  padding: 0 0 35px 25px;
}

#accountCall a.buttonGreen {
  margin: 0 0 0 25px;
}


/* SCROLLER */
#partnerLogosWrapper {
  margin: 0 0 3px 0;
}


#partnerLogosWrapper h5 {
color: #010101;
font-size: 14px;
font-weight: bold;
}

#partnerLogos {
  margin: 14px 0 0 0;
}

#partnerLogos a {
  display: block;
  height: 92px;
  float: left;
  margin: 2px 25px;
}

#partnerLogos img {
  display: block;
  float: left;
  margin: 0 37px 0 8px;
}
#partnerLogos a img {
  
}


/* BOTTOM BOXES */
#bottomBoxesWrapper {
  background: #d2e8f1;
  padding: 10px;
  margin: 0 0 20px 0;
}

#bottomBox {
  border: 2px #b9deed solid;
  background: #ffffff;
  width: 396px;
  height: 142px;
  margin: 10px;
  padding: 20px;
  float: left;
}

#bottomBox img {
  display: block;
  padding: 1px;
  float: left;
}

#bottomBox span {
  display: block;
  width: 243px;
  color: #939598;
  line-height: 160%;
  float: left;
}

#bottomBox span h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 3px 0;
}

/*common css*/

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

/* RESETS */
h1, h2, h3, h4, h5, form, td, tr, table {margin: 0; padding: 0; line-height: 100%}
a:link, a:visited {color: #10a4ee; text-decoration: underline;font-size: 14px;}
a:hover {color: #007dbc; text-decoration: none;font-size: 14px;}
input.button {cursor: pointer;}
  p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 150%;
  color: #231f20;
}
img {border: 0 none;}
ul, ol {margin: 0;}
.clr {clear: both;}


/* GENERAL */
body {
  margin: 0px 0px 0px 0px;
  background: #f1f8fb;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 215%;
  color: #231f20;
}

h2 {
  font-size: 30px;
  line-height: 100%;
  margin: 10px 0 15px 0;
}

h3 {
  font-size: 14px;
  line-height: 100%;
  margin: 10px 0;
}

h4 {
  font-size: 18px;
  line-height: 100%;
  margin: 10px 0;
}

#twoColSidebar h3 {
  margin: 0;
}

/* STYLES */
a.buttonBlue {
  background: transparent url(/images/bluetheme/button-blue-right.png) no-repeat scroll top right;
  display: block;
  height: 35px;
  float: left;
  color: #ffffff;
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  text-shadow:1px 1px 3px #4a4949;
  padding: 0 24px 0 0;/*amount of space between txt and edge of button*/
}

a.buttonBlue:hover {
  color: #f1f1f1;
}

a.buttonBlue span {
  background: transparent url(/images/bluetheme/button-blue-left.png) no-repeat;
  display: block;
  height: 35px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 0 0 24px;/*Amount of space between txt and edge of button*/
}

a.rm:link, a.rm:visited {
	color: #07aaf1;
  text-decoration: underline;
}

a.rm:hover {
	color: #777777;
}


/* TOPBAR */
#topBar {
  display: block;
  background: #d2e8f1;
  height:58px;
  padding: 0px 0 0 0;
  margin: 0 0 20px 0;
}

#topPadding {
  width: 960px;
  margin: 0 auto;
}

.topBarLogo {
  width: 230px;
}

.topBarLogo img {
  width: 229px;
  height: 31px;
}

.topBarButtons {
  float: left;
  margin: 0 0 0 300px;
}

.topBarButtons a {
  float: left;
  margin: 0 7px;
}

.topBarContact {
  float: left;
  margin: 0 3px;
  padding: 0 3px;
}

.topBarContact a:link, .topBarContact a:visited {
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  color: #383838;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 3px #94a4ac;
}

.topBarContact a:hover {
  color: #000000;
}

/* MENU */
#menu {
  background: url(/images/bluetheme/menuBG.png) repeat-x;
  border: 2px #d5e9f2 solid;
  height: 35px;
  margin: 0 0 20px 0;
}

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

#menu li {
  background: url(/images/bluetheme/menuDiv.png) no-repeat right;
  color: #0c2835;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  float: left;
}

#menu li a {
	display: block;
  color: #0c2835;
  text-decoration: none;
  padding: 0 20px;
}

#menu li a:link, #menu li a:visited {
	display: block;
  color: #0c2835;
  text-decoration: none;
}

#menu li a:hover {
  color: #666666;
  background: url(/images/bluetheme/menuActive.png) repeat-x;
}

#menu li a.current {
  background: url(/images/bluetheme/menuActive.png) repeat-x;
}

/* WRAPPER */
#wrapper {
  width:960px;
  margin:0 auto;
}

#oneColContent {
  background:#fbfdfe;
  border:2px #dbedf4 solid;
  width:922px;
  padding:18px;
  margin:0 0 20px 0;
  float:left;
  min-height:400px;
}
/* TWO COLUMN LAYOUT */
#twoColContent {
  background: #fbfdfe;
  border: 2px #dbedf4 solid;
  width: 640px;
  padding: 16px;
  margin: 0 0 20px 0;
  float: left;
  min-height:692px;
}

#twoColSidebar {
  width: 240px;
  float: right;
  margin: 0 0 20px 0;
}

/* BOTTOMBAR */
#bottomBarWrapper {
  width:961px;
  margin:0 auto;
  padding: 0px 0px 15px 0px;
}

#newsLetter {
  border: 3px #b6e7fa solid;
  background: #fefeff;
  height: 34px;
  padding: 10px 20px;
}

#newsLetter span {
  display: block;
  height: 35px;
  float: left;
}

#newsLetter span.butt {
  float: right;
}

#newsLetter h3 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  margin: 0;
}

#newsLetter input.input {
  display: block;
  border: 2px #d2e8f1 solid;
  background: #ffffff;
  width: 322px;
  height: 18px;
  padding: 5px;
  margin: 1px 0 0 23px;
}

#footer {
  height: 30px;
  margin: 0 0 0 0;
}

.footerLogo {
  float: left;
  width: 220px;
}

.footerLogo img {
  width: 220px;
  height: 30px;
}

.footerMenu {
  float: right;
  width: 100%;
}

.footerMenu a:link, .footerMenu a:visited {
  color: #2c353f;
  font-size: 13px;
  text-decoration: none;
}

.footerMenu a:hover {
  color: #000000;
}

.login_detail {
  float: right;
  width: 380px;
  color: black;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}

.user_message
{
  margin-right:7px;
  padding: 0px 5px 11px 0px;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}

.user_message a
{
  color:Red;
  font-weight: bold;
  font-size: 14px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
}

.user_message a:Hover
{
  color:#CF4731;
  font-weight: bold;
  font-size: 14px;
  padding: 0px 5px 0px 5px;
  text-decoration:underline;
}

/*Sign Up  form*/

#signupOption {
  font-size: 18px;
  font-weight: bold;
  color: #7f7f7f;
  margin: 40px 0;
}

#signupOption img {
  margin: 0 10px 0 0;
}

#signupForm {}
#signupStep {
  border: 1px solid #aaddf5;
  margin: 0 0 14px 0;
}
#signupStep div.number {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #209dd8;
  line-height: 40px;  
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #aaddf5;
}

#signupStep h3 {
  display: inline-block;
  font-size: 21px;
  color: #3d3d3d;
  padding: 0 0 0 13px;
  margin: 0;
}
#signupForm fieldset {
  border: 0;
  border-bottom: 1px solid #e5f3fa;
  margin: 0 0 25px 0;
  padding: 0 0 17px 0;
}
#formRow {
  padding: 8px 0;
}
#formRow div { 
	position: relative; 
  margin: 0;
}
#formRow div.element, #formRow div.element2 {
  display: inline-block;
}
#formRow div.element2 {
  margin: 0 0 0 10px;
}
#formRow #cards {
  background: url(/images/creditcards.png) no-repeat;
  width: 201px;
  height: 38px;
}

#formRow div label { 
	position: absolute; 
  top: 4px;
  left: 10px;
  display: block;
  line-height: 38px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  color: #627279;
}
	
#formRow div label span { 
	color: #209dd8;
}

#formRow div br {
  display: none;
}

#formRow div input {
  background: #f1f8fb;
  border: 1px solid #d2e8f1;
  height: 38px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  color: #627279;
  line-height:38px;
}

#formRow div select {
  background: #f1f8fb;
  border: 1px solid #d2e8f1;
  height: 38px;
  padding: 0 0 0 16px;
  font-size: 14px;
  font-weight: bold;
  color: #627279;
  line-height:38px;
}

#formSubmit {
  float: right;
  margin: 20px 0 0 0;
}

fieldset 
{
  border:none;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background:#1E99D6;
	border: 1px solid #333;
	padding:5px 21px;
}


.sub_menu
{
  background-image:url(/images/bluetheme/bottom_menu_bg.png);
  background-repeat:no-repeat;
  width: 917px;
  height: 49px;
}

.sub_menu ul
{
  margin:0 0 0 10px;
  padding:0;
}

.sub_menu li
{
  display:inline;
  float:left;
}

.sub_menu a {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  padding:7px 0px 7px 0px;
  float: left;
  margin: 1px 3px;
}


.profile-heading
{
 margin-left:8px; 
 margin-top:4px; 
 background-image:url(/images/bluetheme/profile.jpg);
 background-repeat:no-repeat;
 height:49px;
 text-align:left;
 vertical-align:middle;
 width: 945px;
}

.link-dasbord
{
  text-decoration:none;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 12px;
  float: left;
  margin: 1px 3px;
}


.course-message
{
 width:650px;
 padding-left:25px;
 font-weight:bold;
 color:White;
}

.divCourse
{
  color:White;
  font-size:24px;
  width:800px;
  padding-top:150px;
}

.profile_bg
{
  margin-top:15px;
  background-image:url(/images/bluetheme/profile_bg.jpg);
  background-repeat:no-repeat;
  height:416px;
  width:940px;
}

.course_heading
{
  margin-left:22px;
  margin-top:25px;
  background-image: url(/images/bluetheme/profile1.jpg);
  background-repeat: no-repeat;
  height: 49px;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 8px;
}

.course_heading a
{
  color:White;
  text-decoration:none;
  font-size:14px;
}

.dataList
{
  border:solid 1px #4F81BD;
  background-color:#DCE6F2;
}
.course-type1
{
  border-right:solid 4px #17375E; border-left:solid 4px #17375E;
}
.course-type
{
 border-right:solid 4px #17375E;
}

/* VIDEO CONTENT */

h4.videoDate {
  color: #8d8d8d;
  font-weight: normal;
  padding: 0 0 8px 0;
  margin: 0;
  font-size: 14px;
}

/* --- Accordion --- */
.js #twoColSidebar .accordion {
  display:none;
}

.accordion, .accordion li {
  margin:0; 
  padding:0;
}

.current {
  font-weight: bold;
  color: #263129;
}

.accordion li {
  list-style-type:none;
  background: none !important;
  line-height: 100%;
}

.accordion li.last-child {
  margin-left: 17px; 
  list-style-type: none;
}

#twoColSidebar ul.accordion ul {
  margin:0; 
  padding:0 0 0 16px;
}

.accordion .outer {
  background: #fff;
}

.accordion .inner {
  margin-bottom:0; 
  padding:.5em 20px 1em; 
  position:relative; 
  overflow:hidden;
}

.accordion .inner .inner {
  padding-bottom:0;
}

.accordion .h {
  padding-top:.3em; /* vertical padding instead of vertical margin (ie8) */
}

.accordion p {
  margin:.5em 1px 1em;
}


a.trigger {
  padding-left: 17px; 
  background-image: url(/images/bluetheme/plus.png); 
  background-repeat: no-repeat;
  background-position: 0px 6px;
  font-weight: bold;
  font-size: 14px;
  line-height:131%;
  border-bottom: 1px dotted #bbc3b2;
  padding-top: 4px;
  padding-bottom: 3px;
}

a.trigger:link, a.trigger:visited {
  text-decoration: none;
}

a.trigger.open {
  background-image: url(/images/bluetheme/minus.png);

}

.last-child a.trigger{
  padding-left: 0; 
  background-image:none; 
  font-weight:normal;
}


#main a.trigger {
  background-color:#f0f0f0;
}

#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {

}

#side a.active{
  font-weight:normal; 
  color:#f72; 
  text-decoration:none;
}

.content_link li
{
  padding: 5px 0px 5px 0px;
}
.allready_purched
{
  color: red;
  font-size: 11px;
  font-family: arial;
  float:right;
}

.monthly_amount
{
  color: #116FAC;
  font-size: 12px;
  font-family: arial;
  margin-left: 10px;
}
/* Contact Us page */

.contactinput
{
    background-color: #FFFFFF;
    border: 1px solid #BBE7FE;
    color: #7A7A7A;
    font-size: 14px;
    padding: 8px;
    width: 400px;
}
.contact_heding
{
    color: #4C4C4C;
    font-size: 24px;
    font-weight: bold;
    padding: 13px 0px 22px 2px;
}

span.title, span.title2
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 4px 0 0 2px;
}
.contactButton 
{
  background-color: #24A0D9;
  width: 150px;
  height:34px;
  border: 1px solid;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin-top: 20px;
  margin-right: 73px;
}
.new_video_star
{
  float: left;
  padding: 0px;
  margin-top: 5px;
  margin-right: 10px;
}

a.buttonGreen {
  background: transparent url(/images/bluetheme/button-green-right.png) no-repeat scroll top right;
  display: block;
  height: 46px;
  float: left;
  color: #ffffff;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 3px #8c8c8c;
  padding: 0 35px 0 0;/*Amount of space bewteen txt and edge of button*/
}

a.buttonGreen span {
  background: transparent url(/images/bluetheme/button-green-left.png) no-repeat;
  display: block;
  height: 46px;
  padding: 0 0 0 35px;/*Amount of space between txt and edge of button*/
}

a.buttonGreen:hover {
  color: #f1f1f1;
}

/* SLIDER */
#hpSlider {
  background: #f1f8fb;
  border: 3px solid #b0e5fa;
  width: 953px;
  height: 334px;
  margin: 0 0 20px 0;
}

div.slide { 
	width: 893px; 
  height: 260px;
  padding: 37px 30px;
}


div.tablet { background:url(/images/bluetheme/slider_assets/slideBg-tablet.jpg) no-repeat #f1f8fb; }
div.video { background:url(/images/bluetheme/slider_assets/slideBg-video.jpg) no-repeat #f1f8fb; }
div.social { background:url(/images/bluetheme/slider_assets/slideBg-social.jpg) no-repeat #f1f8fb; }

div.slide h1 {
  font-size: 36px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #116a9a;
  width: 380px;
}

div.slide h3 {
  font-size: 18px;
  font-weight: normal;
  color: #003451;
  width: 380px;
  line-height: 145%;
  margin: 12px 0 20px 0;
}

/* BOTTOM BOXES NEW 3by */
#bottomBoxesWrapper3 {
  margin: 0 0 20px 0;
}

div.bottomBox {
  border: 1px #c3efff solid;
  background: #ffffff;
  width: 268px;
  margin: 0 20px 0 0px;
  padding: 18px;
  color: #000000;
  line-height:140%;
  float: left;
  height:258px;
}

div.end {
  margin: 0;
}

.bottomBox img {
  display: block;
}

.bottomBox h3 {
  color: #0aa6fb;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 3px 0;
}

/* BOTTOM BOXES OLD 2by */
#bottomBoxesWrapper {
  background: #d2e8f1;
  padding: 10px;
  margin: 0 0 20px 0;
}

#bottomBox {
  border: 2px #b9deed solid;
  background: #ffffff;
  width:406px;
  height: 159px;
  margin: 10px;
  padding: 20px;
  float: left;
}

#bottomBox img {
  display: block;
  padding: 1px;
  float: left;
}

#bottomBox span {
  display:block;
  width:232px;
  margin:0px;
  color:#939598;
  line-height:160%;
  float:left;
}

#bottomBox span h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 3px 0;
}

.PopUpContent
{
  background: #fbfdfe;
  border: 2px #dbedf4 solid;
  padding: 18px;
  margin: 0 0 20px 0;
  float: left;
  min-height: 400px;
}

.labeltext
{
  height: 38px;
  font-size: 14px;
  font-weight: bold;
  color: #627279;
  vertical-align:middle;
}

/*badge box */

#badgeBox {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#badgeBox:hover {
	background-color: #fff;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D9EDF4;
	border-right-color: #D9EDF4;
	border-bottom-color: #D9EDF4;
	border-left-color: #D9EDF4;
	padding-top: 3px;
	padding-bottom: 3px;
}

img.badgeIcon {
	display: block;
	float: left;
	width: 125px;
	height: 125px;
	/*margin-top: -10px;*/
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 10px;
}

span.badgeCopy {
	display: block;
	float: left;
	width: 445px;
	line-height: 170%;
	font-size: 13px;
	margin: 10px;
}

span.badgeCopy h4 {
  margin: 0 0 8px 0;
}

  .GreydOut
  {
    opacity: 0.4;
    filter:alpha(opacity=40);
    fill-opacity: 40;
  }

/*Pop Up*/
.box {width:322px; height:194px; padding:10px; border:1px solid #89bcce; background-color:#d1e8f0;}
.container {width:302px; height:173px; background-color:#ffffff; padding:10px;}
.heding {float:left; width:302px; height:30px; background-color:#f0f8fb; text-align:center; font-size:16px; color:#666666; padding:10px 0px 0px 0px; font-weight:bold;
 font-family: Arial, Helvetica, sans-serif;}
.pd {margin-bottom:10px;}
.content-box {float:left; width:260px; height:auto;}

.btn {float:left; margin:20px 10px 0px 0px;}
.btn a {float:left; width:80px; height:22px; padding-top:7px; background-color:#1e8fd3; text-align:center; font-family:Arial; font-size:13px; color:#ffffff; text-decoration:none; text-shadow:1px 1px #666666; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
.btn a:hover {float:left; width:80px; height:22px; padding-top:7px; background-color:#2fa6ee; text-align:center; font-family:Arial; font-size:13px; color:#ffffff; text-decoration:none; text-shadow:1px 1px #666666; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}


/*Header created on 15 july 2013*/

#topBarm {
  display: block;
  background: #d2e8f1;
  height: 55px;
  padding: 0px 0 0 0;
  margin: 0 0 20px 0;  
}
.btn-header {float:left;}
.btn-header a { float:left;
		 color:#333333;
		 padding:22px 16px 22px 16px;
		 padding:21px 16px 21px 16px\9;
		 text-decoration:none;
		 border-left:1px solid #bcdce9;
		 border-right:1px solid #bcdce9;
		}
.btn-header a:hover { float:left;
		 color:#209DD8;
		 padding:22px 16px 22px 16px;
		 padding:21px 16px 21px 16px\9;
		 text-decoration:none;
		 background-color:#ddecf2;
		 border-left:1px solid #bcdce9;
		 border-right:1px solid #bcdce9;
		}
.btn1-header a { float:left;
		 color:#333333;
		 padding:22px 16px 22px 16px;
		 padding:21px 16px 21px 16px\9;
		 text-decoration:none;
		 /*border-left:1px solid #bcdce9;*/
		 border-right:1px solid #bcdce9;
		}
.btn1-header a:hover { float:left;
		 color:#209DD8;
		 padding:22px 16px 22px 16px;
		 padding:21px 16px 21px 16px\9;
		 text-decoration:none;
		 background-color:#ddecf2;
		 /*border-left:1px solid #bcdce9;*/
		 border-right:1px solid #bcdce9;
		}		
		
.btn-header_active a { float:left;
	 color:#209DD8;
	 padding:22px 16px 22px 16px;
	 padding:21px 16px 21px 16px\9;
	 text-decoration:none;
	 background-color:#ddecf2;
	 border-left:1px solid #bcdce9;
	 border-right:1px solid #bcdce9;
}
.btn1-header_active a 
{
   float:left;
	 color:#209DD8;
	 padding:22px 16px 22px 16px;
	 padding:21px 16px 21px 16px\9;
	 text-decoration:none;
	 background-color:#ddecf2;
	 /*border-left:1px solid #bcdce9;*/
	 border-right:1px solid #bcdce9;
	}		
		
.pdd {padding:12px 12px 0px 0px;}

/*created on 15 july 2013*/