/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {     display: block; }
audio, canvas, video { display: inline-block; *display: inline;  *zoom: 1; } 
audio:not([controls]) {     display: none;   height: 0; }
[hidden] { display: none;}

/* ==========================================================================
   Base
   ========================================================================== */

html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */}
button, input, select, textarea {  sans-serif;  padding: 5px;} 
body { margin: 0; }
a:focus { outline: thin dotted;}
a:active,a:hover {outline: 0;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}


/* ==========================================================================
   !Typography, !Fonts
   ========================================================================== */

/* normalize reset */

h1 { margin:0 0 20px 0; font: normal 2em 'Open Sans','Segoe UI',Segoe, calibri, tahoma, sans-serif;  } 
h2 {     font-size: 1.5em;     margin: 0; font-weight: normal;} 
.subject h2  {margin-top: 10px;}
.subject h2 + p {margin-top: .5em;}
h3 {     font-size: 1.17em;     margin: 1em 0 0.5em 0; font-weight: normal; } 
	.nav-hd {font-family: 'Open Sans','Segoe UI',Segoe,Tahoma,sans-serif; font-size: 140%; font-weight: normal; margin: 0 0 15px 0; background: #e0e6f4; padding: 5px 5px 5px 10px; border-top: 1px dotted #b9b9b9; text-shadow: 1px 1px 1px #fff;}
h4 {     font-size: 1em;     margin:  0;font-family: 'Open Sans','Segoe UI',Segoe, calibri, tahoma, sans-serif; } 
.welcome {margin-bottom: 20px;}
.subject h4 {margin: .3em 0;}
.members h4 {margin: .5em 0;}
h5 {     font-size: 1em;     margin: .25em 0; } 
h5 + p, h4 + p {margin-top: 0;}
h5 span {font-weight: normal;}
h6 {     font-size: 0.75em;     margin: .7em 0; font-weight: normal; }
abbr[title] { border-bottom: 1px dotted;}
blockquote { margin: 1em 40px;}
dfn {font-style: italic;}
mark { background: #ff0;color: #000;}
p,pre { margin: 1em 0;}
code,kbd,pre,samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before,q:after { content: ''; content: none;}
small { font-size: 75%;}
sub,sup { font-size: 75%; line-height: 0;position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
/*  end font reset */

html {font-size: 62.5%;}
body {font: normal 14px'Segoe UI', Segoe,'Open Sans',calibri, tahoma, verdana, sans-serif; font-size: 1.4rem; color: #333; }/*  14px */		
a {text-decoration: none; color: #36428D;}
a:hover {color: #4189d6;}

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('/Client.Styles/webfonts/modernpics-webfont.eot');
    src: url('/Client.Styles/webfonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Client.Styles/webfonts/modernpics-webfont.woff') format('woff'),
         url('/Client.Styles/webfonts/modernpics-webfont.ttf') format('truetype'),
         url('/Client.Styles/webfonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
.ico {font-family: 'ModernPictogramsNormal';}
.content h3  {color: #000;}

/* fontello */

@font-face {
  font-family: 'fontello';
  src: url('/Client.Styles/webfonts/fontello.eot');
  src: url("/Client.Styles/webfonts/fontello.eot?#iefix") format('embedded-opentype'), 
  url("/Client.Styles/webfonts/fontello.woff") format('woff'), 
  url("/Client.Styles/webfonts/fontello.ttf") format('truetype'), 
  url("/Client.Styles/webfonts/fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
/* fix buttons height */
  line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}

.icon-right:before { content: '\2192'; } /* '→' */
.icon-cancel-circle:before { content: '\2716'; } /* '✖' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-arrow-combo:before { content: '\e74f'; } /* '' */
.icon-down-circle2:before { content: '\e758'; } /* '' */
.icon-left-circle2:before { content: '\e759'; } /* '' */
.icon-right-circle2:before { content: '\e75a'; } /* '' */
.icon-up-circle2:before { content: '\e75b'; } /* '' */
.icon-signal:before { content: '\e770'; } /* '' */
.icon-monitor:before { content: '💻'; } /* '\1f4bb' */
.icon-folder:before { content: '📁'; } /* '\1f4c1' */
.icon-calendar:before { content: '📅'; } /* '\1f4c5' */



/* colors */
.red {color: #DB2D38;}
.orange {color: #ea810c;}
.blue {color: #36428D;}

/* sizes */
.alpha {font-size: 300%;}
.beta {font-size: 200%;}
.gamma {font-size: 150%;}
.delta {font-size: 125%;}
.epsilon{font-size: 100%;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}
h4 .ico {font-weight: normal;}
h3 + p {margin-top: .5em;}

/* TAG CLOUD */
div.TagCloud a.tc1 {
    color: #AAAAAA;
    font-size: 0.9em;
}
div.TagCloud a.tc2 {
    color: #999999;
    font-size: 0.9em;
}
div.TagCloud a.tc3 {
    color: #888888;
    font-size: 0.9em;
}
div.TagCloud a.tc4 {
    color: #777777;
    font-size: 1em;
}
div.TagCloud a.tc5 {
    color: #666666;
    font-size: 1.1em;
}
div.TagCloud a.tc6 {
    color: #555555;
    font-size: 1.3em;
}
div.TagCloud a.tc7 {
    color: #444444;
    font-size: 1.5em;
}
div.TagCloud a.tc8 {
    color: #333333;
    font-size: 1.9em;
}
div.TagCloud a.tc9 {
    color: #000000;
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1em;
}
div.TagCloud a.tc1:hover, div.TagCloud a.tc2:hover, div.TagCloud a.tc3:hover, div.TagCloud a.tc4:hover, div.TagCloud a.tc5:hover, div.TagCloud a.tc6:hover, div.TagCloud a.tc7:hover, div.TagCloud a.tc8:hover, div.TagCloud a.tc9:hover {
    color: #36428D;
}

/* ==========================================================================
   !Lists
   ========================================================================== */
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul { padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}

/* custom list styles */
.lined-list {margin: 0; padding: 0; list-style: none; clear: both;}
.lined-list li {margin: 0 0 8px 0; border-top: 1px dotted #999; padding-top: 5px;}
	.feat-box .lined-list li {min-height: 60px;}
	.feat-box.myana .lined-list li {min-height: 1px;}
	.feat-box.subject .lined-list li {min-height: 1px;}
	.side-nav .lined-list li,	.side-nav .lined-list li:first-child  {padding-left:10px; position: relative;}
.lined-list li:first-child {border: none; padding: 0;}
.lined-list ul {margin: .5em 0; padding-left: 1em;}
.top-list {list-style: none; margin: 0; padding: 0;}
.top-list li{width: 47%; margin-right: 2%; float: left; line-height: 1.2; margin-bottom: 5px;}
.inline-list {list-style: none; margin: 0; padding: 0;}
.inline-list li {display: inline; margin: 0 0 0 10px; border-left: 1px solid #ccc; padding-left: 10px; line-height: 2;}
.inline-list li:first-child {border-left: none; padding-left: 0; margin-left: 0;}
.btm-menu ul {list-style: none; margin: 0; padding: 0; clear: both;}
.btm-menu li {margin-bottom: 8px;}
.feat-box li {margin-left: 1em;}
.feat-box ul li {margin-left: 0;}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */ height: auto;}
img, object, embed { max-width: 100%; }
svg:not(:root) { overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */
figure {margin: 0;}

/* ==========================================================================
   !Forms
   ========================================================================== */
form {margin: 0;}
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: none;}
legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button,input,select,textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ font-family: 'Segoe UI', Segoe, 'Open Sans', Calibir, Tahoma, sans-serif; padding: 3px;}
button,input {line-height: normal;}
button,html input[type="button"], /* 1 */input[type="reset"],
input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */*width: 13px; /* 3 */}
/* /end normalize form style */
/* custom form style */
input[type="radio"] {margin-right: 5px;}

/* SEARCH STYLES - normalize */
input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box;     -webkit-box-sizing: content-box; /* 2 */     box-sizing: content-box; } 
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;padding: 0;}
textarea { overflow: auto; /* 1 */vertical-align: top; /* 2 */}

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse;border-spacing: 0;}

/* ==================================================================================================================== */
/* ! Grid 
/* ==================================================================================================================== */


.row {width: 100%;margin: 0;overflow: hidden;}
.no-cssgradients .row { width: auto;}
.wrapper	{width: 80%; margin: 0 auto; min-width: 980px; content: ""; display: table;clear: both;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {padding:0 1.75%;float: left;min-height: 1px; position: relative;}
.inside-row .eightcol {padding-left: 0; padding-right: 3%;}
.inside-row {margin-top: 30px;}

.onecol { width: 8.33333%; }

.twocol { width: 16.66667%; }

.threecol { width: 25%; }

.fourcol { width: 33.33333%; }

.fivecol { width: 41.66667%; }

.sixcol { width: 50%; }
	.join .sixcol{width: 47%;}

.sevencol { width: 58.33333%; }

.eightcol { width: 66.66667%; }

.ninecol { width: 75%; }

.tencol { width: 83.33333%; }

.elevencol { width: 91.66667%; }

.twelvecol { width: 100%; float: left;}

.last {padding-right: 0; }
.push-four {left: 33.333%;}
.push-eight {left: 66.667%;}
.pull-four {right: 33.333%;}
.pull-five {right: 41.6667%;}
.pull-eight {right: 66.6667%;}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {-webkit-text-size-adjust: none;}	
	.row, .container { 	width: 100%; 	min-width: 0; 	margin-left: 0px; 	margin-right: 0px; 	padding-left: 0px; 	padding-right: 0px; 	} 	
	.onecol,.twocol,.threecol, .fourcol, .fivecol,  .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .join .sixcol { width: auto; float: none; margin-right: 0; margin-left; 0;} 
	.push-four, .push-eight {left: auto;}

.pull-four, .pull-five, .pull-eight {right: auto;}

}




/* ============================== */
/* ! styles   */
/* ============================== */
/* !header, top elements */
.top {background: -moz-linear-gradient(top, rgba(91,109,195,1) 0%, rgba(67,83,171,1) 37%, rgba(42,53,142,1) 80%, rgba(26,35,104,1) 94%, rgba(22,32,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,109,195,1)), color-stop(37%,rgba(67,83,171,1)), color-stop(80%,rgba(42,53,142,1)), color-stop(94%,rgba(26,35,104,1)), color-stop(100%,rgba(22,32,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(91,109,195,1) 0%,rgba(67,83,171,1) 37%,rgba(42,53,142,1) 80%,rgba(26,35,104,1) 94%,rgba(22,32,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(91,109,195,1) 0%,rgba(67,83,171,1) 37%,rgba(42,53,142,1) 80%,rgba(26,35,104,1) 94%,rgba(22,32,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(91,109,195,1) 0%,rgba(67,83,171,1) 37%,rgba(42,53,142,1) 80%,rgba(26,35,104,1) 94%,rgba(22,32,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(91,109,195,1) 0%,rgba(67,83,171,1) 37%,rgba(42,53,142,1) 80%,rgba(26,35,104,1) 94%,rgba(22,32,94,1) 100%); /* W3C */ overflow: hidden;}
.no-cssgradients .top { background: #5b6dc2 url(../images/top.jpg) repeat-x left bottom; }

.logo {padding: 10px 10px 10px 40px; float: left; border-radius:65px 65px 0 0; background: #fff; position: absolute; margin-top: 10px; /* border-top: 5px solid #DB2D38; */}
/*
.logo {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 60px 60px 0 0;
    float: left;
    padding: 10px 25px;
    position: absolute;
    top: 15px;
}
*/
.no-borderradius .logo { background: url(../images/logo-bg.png) no-repeat center bottom; width: 190px; height: 126px; margin-top: 0;}

.logo img {width: 200px; height: auto;}

.id {background: url(../images/txt-id.png) no-repeat; width: 210px; height: 35px; text-indent: -9999px; margin-left: 270px; float: left; margin-top: 20px;}
.aud-nav {padding: 18px 20px; margin-left: 230px;}
.aud-nav ul {margin: 0;padding: 0; overflow: hidden;}
.aud-nav li {float: left; padding-left: 2px; border-left: 1px dotted #fff; margin-left: 2px;}
.aud-nav li:first-child {border-left: none;}
.aud-nav a, .aud-nav {color: #fff; font-size: .93em; text-shadow: 1px 1px  1px rgba(0,0,0,0.5) }
.aud-nav a {padding:2px 5px; display: block; }
.aud-nav a:hover{border-radius: 4px; background: rgba(0,0,0,0.5); }
.aud-nav select {display: none;} /* hide select menu for desktop */
.utilities{float: right; margin-top: 10px;}
.utility-nav {margin: -5px 0 0 0; padding: 0;float: right; clear: both;}
.utility-nav li {float: left; padding-left: 8px; margin-left: 8px; border-left: 1px solid #cecece;}
.utility-nav li:first-child {padding-left: 0; margin-left: 0; border: none;}
.utility-nav a {color: #666; font-size: 0.9em; }
.btm-nav {display: none;}

/* main navigation */
.nav-bg {background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */border: 1px solid #e3e3e3; border-right: none; border-left: none; margin-top:10px;  }
.no-cssgradients .nav-bg {background: url(../images/nav-bg.gif) repeat-x left center;}
.main-nav{padding: 0; position: relative; z-index: 1000;}
.main-nav ul {padding: 0; margin: 0;}
.nav-ul a {color: #333; text-shadow: 1px 1px 1px #fff; color: #444; font-family:  'Segoe UI', Segoe, 'Open Sans',tahoma, sans-serif; font-size: 110%;}

.nav-ul > li:first-child a {color: #DB2D38; font-weight: bold;}
.nav-ul > li {float: left; padding: 12px 15px; border-left: 1px solid #e1e1e1; position: relative;-webkit-transition: all .1s linear;-moz-transition: all .1s linear; transition: all .1s linear; border-top: 3px solid transparent;}
.nav-ul > li:first-child {border-left: none;}
.no-cssgradients .nav-ul > li {padding: 10px 15px;}
.main-nav ul ul{position: absolute; left: -99999px; }
.nav-ul {float: left;}
.nav-ul > li:hover{background: #fff; border-top: 3px solid #db2d38;}
.nav-ul > li:hover ul {left: -1px; top: 45px;background: #fff;}
.no-cssgradients .nav-ul > li:hover ul {top: 40px;}
.nav-ul li li {border: 1px solid #e1e1e1; border-top: none; text-transform: none; width: 20em; padding: 8px 15px; -webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
.nav-ul li li a {text-transform: none; font-size: 95%;}
.nav-ul li li:hover {background:#f5f5f5;}
.nav-ul li li:hover a {color: #db2d38; text-shadow: 1px 1px 1px #fff;}
.menu-hd {display: none;}

/* custom search styles */
.search{padding: 0; margin-top: 10px; float: right; clear: both;}
.search-field {background: none; border: 1px solid #ccc; border-radius: 5px 0 0 5px; height: 29px; width: 212px; padding: 5px; margin-right: 0; float: left;}
.search-btn {background: #3e4b98; color: #fff; border: none; height: 29px; padding: 5px; border-radius: 0 5px 5px 0; margin-left: -5px; font-family: 'Segoe UI', Segoe,'Open Sans', tahoma, sans-serif; float: left; -webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
.search-btn:hover, .row .search_form input.search-button:hover {background: #535fac;}
.myclass ul {list-style: none; margin: 0; padding: 15px;}
.myclass li {border-top: 1px dotted #999; padding-top: 5px; margin: 0 0 8px; }
.myclass li:first-child {border: none; padding-top: 0;}
.row .search_form {padding: 1.5em;}
.row .search_form input.search-button{background: none;background-color: #3E4B98; height: auto; border:none; border-radius:5px; color: #FFFFFF; font-family: 'Segoe UI',Segoe,'Open Sans',tahoma,sans-serif; padding: 5px 10px; transition: all 0.3s linear 0s; margin-top: .5em;}


/* home page main */
.logged-inHome {margin: -20px 0 20px 20px;}
.intro img {float: left; margin: 0 5px 5px 0; border: 5px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); margin-right: 15px; }
.intro h2, .special, .intro h3.headline {background: #db2d38; border-radius: 0 6px 0 6px; color: #fff; font: normal 0.9em "Open Sans",sans-serif; text-transform: uppercase;padding: 5px 10px 5px 10px; margin: 0 0 .4em 0; float: left; clear: both;}
/* .headline{font-weight: normal; font-size: 1.5em; margin: 0 0 .4em 0; color: #000; clear: both;} */

.subject ul + .special {margin-top: 10px;}
.subject .special {text-shadow: none;}
.intro h2 {display: none;}
.intro span.headline {color: #333; font-weight: normal; font-size: 120%; clear: both; display: block;}

.gray-grad {background: -moz-linear-gradient(top, rgba(253,253,253,1) 1%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(253,253,253,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 1%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(253,253,253,1) 1%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(253,253,253,1) 1%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(253,253,253,1) 1%,rgba(229,229,229,1) 100%); /* W3C */}
.no-cssgradients .gray-grad {background: url(../images/gray-grad.gif) repeat-x left bottom;}


/* BOX STYLES */
.box-hd {font: 600 0.9em "Open Sans",sans-serif; padding: 10px 15px; margin: 0; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; letter-spacing: 0.01em; border-radius: 6px 6px 0 0;}
.box { overflow: hidden; border: 1px solid #ccc; border-radius: 6px;box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); position: relative; margin-bottom: 20px; padding-bottom: 5px;}
.box-content {padding: 15px;}
.box-title {font-size: 105%; font-weight: normal; margin: 0;}

.feat-box, .search_form { border: 5px solid #c2c4d1; border-radius: 6px;box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);position: relative; padding: 12px 15px 15px 15px; background: rgb(222,228,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,228,242,1) 0%, rgba(207,215,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,228,242,1)), color-stop(100%,rgba(207,215,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* W3C */text-shadow: 1px 1px 1px #fff; line-height: 1.2; margin-bottom: 20px;}
.feat-box .special {text-shadow: none;}
.feat-box.subject {padding: 20px; line-height: 1.5;}
.feat-box.related {padding: 20px 25px; line-height: 1.5;}
.feat-box.quote:after {content:""; position: absolute; right: 10%; bottom: -20px; width: 0; height: 0; border-top: 17px solid #c2c4d1 ; border-right: 15px solid transparent; border-left: 15px solid transparent;}
.quote {margin-bottom: 30px; padding: 15px 20px 15px 20px;}
.feat-box.related .lined-list li {min-height: 1px; padding-top: 15px; margin-bottom: 15px;}
.feat-h2 {font-size: 140%; font-family: 'Open Sans', 'Segoe UI', Segoe, Tahoma, sans-serif; font-weight: normal; margin: 0; padding: 0; position: relative;  margin-right: 3%; background: url(../images/stripe.png) repeat-x left bottom;  padding-bottom: 10px;}
.hd-icon {position: relative; top: -26px; float: right; right: 10px;}

.job-ad {min-height: 150px;}
.job-ad .box-content {max-width: 50%;}
.job-ad-bg {position: absolute;  bottom: 0; right:0; margin-top: -10px;width: 139px; height: 121px; float: right; text-align: right;}
.job-ad .box-content {float: left;}

.top-list {width: 79%; float: left; margin-left: 20px;}

.join-btn, .GMPoll_VoteButton, .GMPoll_ShowResultsButton {font-size: 90%;background: #DB2D38; border-radius: 5px; border: none; padding: 5px 10px; float: right; background-image: none; color: #fff; font-family: 'Segoe UI', Segoe, 'Open Sans', tahoma, sans-serif; }
.GMPoll_VoteButton:hover {background: #ff244c;}
.GMPoll_ShowResultsButton {background: #ccc; color: #666; float: right; clear: both; margin-bottom: 20px; margin-top: 5px;}

.join-btn {float: right; margin-top: 7px; padding: 3px 20px ;}
.join-btn:hover {background: #ff244c;}

.join-btn a {color: #fff; font-size: 130%; font-weight: 700;}
.no-borderradius .join-btn {/*background: url(../images/btn_join.gif) no-repeat;*/ width: 100px; height: 32px;}
.no-borderradius .join-btn a {text-indent: -9999px; color: #fff; font-size: 130%; font-weight: 700;}

/* GLOBAL SECONDARY ELEMENTS*/
.title{font-weight: normal; margin: .5em 0;}
.breadcrumbs {font-size: 90%; color: #909090; margin-bottom: 10px;}
/* left nav */
.side-nav{margin-bottom: 20px;}
.left-active {position: absolute; left: 0; top:1px; font-size: 120%; color: #DB2D38;}
.pagetools {float: right; color: #999;min-width: 160px; margin-top: 10px;}
.pagetools a {color: #999;}
.pagetools a.orange {color: #ea810c;}
.pagetools a:hover {color: #36428D;}
.page-title {float: left;}

/* SUBJECT LANDING PAGE */
.members .special {margin-bottom: 10px;}
.subject img {width: 90%;}
.subject h4 img, .subject .tip img {width: auto;}
.right-inset {float: right; margin-left: 15px;}
.SyscomGM_Content {margin-bottom: 20px;}

/* JOIN PAGE */
.member-box {border: 1px solid #ccc; border-radius: 6px; margin-bottom: 30px;}
.member-box h2 + p, .member-box h4 + p {margin-top: .5em;}
.ana-state { background: url("../images/main_membership.jpg") no-repeat scroll 0 0 transparent; min-height: 280px; padding-left: 50%; padding-right: 20px; padding-top: 30px; }
.e-member{background: url("../images/e-member.jpg") no-repeat scroll right top transparent; min-height: 250px; padding: 95px 20px 20px; margin-left: 15px;}
.ana-only {background: url("../images/ana-only.jpg") no-repeat scroll right top transparent; padding: 95px 20px 20px; min-height: 250px; margin-right: 15px;}
.join .page-title {padding-left: 1.75%;}
.login-box{background: #E5E7F3; border-radius: 6px; overflow: hidden; padding: 0; text-align: center; padding-bottom: 20px; margin-bottom: 30px;}
.login-hd {background: rgb(30,48,133); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,48,133,1) 0%, rgba(102,112,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,48,133,1)), color-stop(100%,rgba(102,112,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(30,48,133,1) 0%,rgba(102,112,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(30,48,133,1) 0%,rgba(102,112,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(30,48,133,1) 0%,rgba(102,112,214,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(30,48,133,1) 0%,rgba(102,112,214,1) 100%); /* W3C */ color: #fff; display: block; padding: 10px 8px; border-radius: 6px 6px 0 0; font-size: 1.5em;}
.login-field { width: 250px; margin: 20px auto; background: #fff; border: 2px solid #c2c4d1; border-radius: 3px;}
.join-submit {background: url("../images/email-box-btn.jpg") no-repeat scroll 0 0 transparent; border: none; cursor: pointer; height: 40px; margin: 0 auto 25 auto; width: 254px;}

.main-search {width: 80%; border: 2px solid #f3f3fa; border-radius: 4px; float: left; margin-bottom: 10px;}
.btn-trans, .search_form a, .tabbernav a {background: rgba(255,255,255,0.4); border-radius: 3px; display: block; margin-right: 5px; padding: 5px 10px; float: left; text-transform: uppercase; font-size: 90%;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear; }
.search_form .rcbArrowCell a {margin: 0; padding: 0;}
.no-borderradius .btn-trans, .no-borderradius .search_form a, .no-borderradius .tabbernav a {background: url(../images/white-opacity-40.png);}
.search_form a[disabled="disabled"] {color: #666;}
.btn-trans:hover {background: #fff;}
.current {color: #666;}
.btn-trans.current:hover {background:rgba(255,255,255,0.4); color: #666; }
.sort {float: right; padding-right: 10%;}
.SyscomGM_SearchResults .items .item {
    list-style-type: decimal;
    margin: 0 0 15px 0;
    padding: 0;
}

/* My ANA */
#tabs {margin: 0; padding: 0;}
#tabs li {float: left; list-style: none;}
#tabs li a {padding: 10px 20px; display: block; outline: none; }
.tab_content {padding: 20px; display: none;}
#tabs .btn-trans {border-radius: 0;}
#tabs .active .btn-trans {background: #fff; color: #333;}
.benefit {clear: both; margin: 10px 0 20px 0;}
.benefit img {clear: both;}
.inside-ad .row { padding: 20px 10px;}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display: none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabberlive {border: 1px solid #ccc; border-radius: 6px;box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); border: 5px solid #C2C4D1; }
.tabnav {overflow: hidden; background: rgb(222,228,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,228,242,1) 0%, rgba(207,215,236,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,228,242,1)), color-stop(100%,rgba(207,215,236,1))); 
background: -webkit-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); 
background: -o-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); 
background: -ms-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* W3C */text-shadow: 1px 1px 1px #fff;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin: 0; padding: 0;overflow: hidden; background: rgb(222,228,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,228,242,1) 0%, rgba(207,215,236,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,228,242,1)), color-stop(100%,rgba(207,215,236,1))); 
background: -webkit-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); 
background: -o-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); 
background: -ms-linear-gradient(top, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,228,242,1) 0%,rgba(207,215,236,1) 100%); /* W3C */text-shadow: 1px 1px 1px #fff;}

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 3px 0.5em; text-decoration: none; padding: 10px 20px;   font-size: 90%; text-transform: uppercase; }

.tablist { padding: 0 20px 20px 20px; }
.tablist li { list-style: none; padding: 10px; list-style-position: outside; border-top: 1px dotted #999;}
.tablist li:first-child {border-top: none;}
.tablist h5 {margin: 0 0 .25em 0; font-size: 1em;}


ul.tabbernav li.tabberactive a { background-color: #fff; color: #333; }

ul.tabbernav li.tabberactive a:hover {  background: white; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding: 5px; border-top: 0; /* If you don't want the tab size changing whenever a tab is changed     you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a     scrollbar when necessary */ /* overflow:auto; */ }

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display: none; }
.tabberlive .tabbertab h3 { display: none; }

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }

/* AUDIENCE */
.caption-img {position: relative;}
.caption {position: absolute; bottom: 4px; right: 0; left: 0; padding: 10px; background: url(../images/white-opacity-60.png); background: rgba(255,255,255,0.7);}
.subject .caption-img img {width: 100%;}

/* IMAGE LIST */
.img-list {margin: 0; padding: 0; list-style: none;border-bottom: 1px dotted #999;}
.img-list li {overflow: hidden;border-top: 1px dotted #999; padding: 20px 0;}


/* Action Box */
.actionbox{float:right; width:30%; margin-left:20px; }
.actionbox ul {list-style: none; padding: 0 1em; }

/* SITE MAP */
.site-map ul {list-style: none; padding-left: 1.5em; margin-top: .75em; width: 100%;}
.site-map li {padding-left: 0; margin-left: 0; margin-top: .5em; }
.site-map a {margin-left: 1.5em;}
.submenu {display: none; }
.sm-arrow:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; line-height: 1em; position: absolute;}
.sm-arrow:before{ content: '\e75a';color: #DB2D38; width: 20px; height: 20px; } 
.sm-arrow.opened:before { content: '\e758'; color: #DB2D38;}

/* FOOTER ELEMENTS / PAGE BOTTOM */
.ads img {margin-right: .5%;}
.btm-wrap {background: url(../images/stripe.png) repeat-x left top; padding-top: 10px; margin-top: 20px;}
.btm-menu {line-height: 1;}
.btm-menu a {font-size: 90%; text-transform: uppercase;}
.btm-menu .title {min-height: 35px; border-bottom: 2px solid #e4e4e4;}
.btm-nav nav ul {padding: 0;}
.footer-bg {margin-top: 30px;font-size: 85%; padding: 20px 0; background: rgb(55,66,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(55,66,153,1) 0%, rgba(23,29,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,66,153,1)), color-stop(100%,rgba(23,29,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(55,66,153,1) 0%,rgba(23,29,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(55,66,153,1) 0%,rgba(23,29,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(55,66,153,1) 0%,rgba(23,29,66,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(55,66,153,1) 0%,rgba(23,29,66,1) 100%); /* W3C */ color: #fff;}
.no-cssgradients .footer-bg {background: #373f9e url(../images/footer-bg.jpg) repeat-x left bottom;}
.footer-bg a {color: #fff; }
.footer-links {margin-right: 0; text-align: right;}
.social {margin-top: 15px;}
.social img {margin-left: 10px;}

/*MISC*/
.left {float: left;}
.right {float: right;}
.text-right {text-align: right;}
.left-inset {float: left; margin: 0 15px 10px 0;}
.clearFloat {clear: both}	
.nomargin {margin: 0;}
.top10 {margin-top: 10px;}
.top20 {margin-top: 20px;}
.top30 {margin-top: 30px;}
.btm10 {margin-bottom: 10px;}
.btm20 {margin-bottom: 20px;}
.right-border {margin-right: 8px; padding-right: 8px; border-right: 1px dotted #999;margin-top: 7px;}
.frame {border: 3px solid #fff; -webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .3); box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2); border-radius: 6px;}
.inset-img {float: left;  margin-right: 15px; border: 3px solid #e6e6e6;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{ clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}	

img.mainnavaction {
    float: right;
    margin: 6px 0;
}

/* Smaller screens / tablet */
/* fixes ipad landscape  display */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.wrapper {width: 95%;}
.aud-nav {margin-left: 230px;}
.search-field {-webkit-appearance: none;}
}

@media only screen and (max-width: 1330px) {
.nav-bg, .no-cssgradients .nav-bg {background: none; border: none;}
	.nav-ul{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */border: 1px solid #e3e3e3; border-radius: 8px;}
.no-cssgradients .nav-ul {background: url(../images/nav-bg.gif) repeat-x left center;}
.main-nav a {font-size: 92%;}
.nav-ul {float: none;}
img.mainnavaction {float: none;}
.join-btn, #ctl00_ctlMainNav_postLoginPnl { background: #fff url(../images/stripe.png) repeat-x left center;  float: none; width: 100%;  text-align: center }
.join-btn a {background: #fff;color: #DB2D38; font-size: 200%; padding: 0 10px; font-weight: 400;}
.join-btn:hover {background: #fff url(../images/stripe.png) repeat-x left center; }

}
@media only screen and (max-width: 1023px) {
	.wrapper {min-width: 1px; width: 90%}
	.job-ad, .top-viewed, .ads {display: none;}
	.job-ad .box-content {max-width: 50%; padding-right: 5px;}
	.job-ad-bg { margin-top:10px; width: 49%; vertical-align: bottom; margin-bottom: -30px;}
	[role="main"] .fourcol, [role="main"] .eightcol  {width: 100%;}
	.intro{margin-top: 30px;}
	

.nav-ul > li {padding: 10px 1.2%;}
.nav-ul > li:hover ul {left: -1px; top: 40px;background: #fff;}
.id {display: none;}
.utilities .utility-nav {display: none; }
.btm-nav {display: block;}
.btm-nav .utility-nav {float: left;}
[role="main"].top30 {margin-top: 10px;}
.top-list {width: 90%;}
.feat-h2 {min-height: 50px;}
.logo {margin-top: 20px;}
.aud-nav {margin-left: 230px;}
.side-nav{margin-top: 30px; margin-bottom: 0;}
.search-field {-webkit-appearance: none;}
.member-benefits {margin-top: 20px;}
.pull-eight {right: auto; }
.push-four {left: auto;}

	}






/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
.wrapper {width: 85%;}
.logo {position: relative; margin: 0 auto; float: none; text-align: center; padding: 10px 0; width: 70%; border-radius: 0 0 15px 15px;}


.aud-nav {margin-left: 0;}
.aud-nav ul, .job-ad {display: none;}
.aud-nav select {display: block; margin:0 auto; width: 80%;}
.nav-ul {background: none; border: none; border-radius: 0;}
.nav-ul > li, .join-btn, .menu-hd, .join-btn:hover {float: none;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */border: 1px solid #e3e3e3; border-top: none; padding-left: 15px;}
.menu-hd {display: block;margin: 0; padding-top: 5px; padding-bottom: 5px;border-top:1px solid #e3e3e3;font-size: 120%; text-transform: uppercase; }
.open-arrow {background: url(../images/open-arrows.png) no-repeat; width: 13px; height: 25px; float: right; padding-right: 20px; margin-top: 3px;}
.join-btn, .join-btn:hover {padding-top: 4px; padding-bottom: 4px;border-radius: 0; text-align: left;border-top:1px solid #e3e3e3; }
.join-btn a {background: transparent; display: block; font-size: 140%; padding: 0; margin: 0; text-transform: uppercase;}
.nav-ul > li:first-child { border-left: 1px solid #e3e3e3; }
.nav-ul > li:hover {border-top: none; background: #eaeaea;}
.nav-ul > li > a {font-size: 90%;  color: #333; font-weight: 600; font-family: 'Open Sans'; }
[role="main"].top30 {margin-top: 20px;}
.btm-menu  {margin-bottom: 20px;}
.btm-menu .title {min-height: 1px; }
.nav-ul {display: none;}
.nav-ul ul {display: none;}
.utilities {float: none; margin-top: 10px;}
.search {float: none; margin-bottom: 5px;}
.footer-links {text-align: left; line-height: 1.1; margin-top: 20px;}
.top-viewed, .mega-links {display: none;}
.ads {display: none;}
.search-field {width: 70%;}
.search-btn {padding-top: 2px; padding-bottom: 7px; width: 27%; margin-left: -20px;}
.main-search + .search-btn {width: 19%;}
.feat-h2 {min-height: 1px;}
.pagetools {margin-top: 0; margin-bottom: 10px; float: left;}
.intro{margin-top: 80px;}
.join .sixcol {margin-left: 0;}
.ana-state {padding-top: 400px; padding-left: 20px;}
.e-member, .ana-only {min-height: 1px; padding-bottom: 40px;}
.myana .sixcol.last {margin-top: 30px;}
.content-block {margin-bottom: 20px;}
h4.welcome {display: none;}
.sidebar_box {margin-top: 20px;}
.actionbox{float:none; width:100%; }
}



.pdf_icon:after { content: url('../images/icon_pdf.jpg');}



/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

.subscriber {clear:both;}

/*------------------POPUPS------------------------*/
.hide { display: none; }
#fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .80; z-index: 9999; }
.popup_block { display: none; background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block p { text-align: left; }
.popup_block .HeadlineImage img { padding-right: 12px; }
img.btn_close { float: right; margin: -55px -55px 0 0; }
.popup p { padding: 5px 10px; margin: 5px 0; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
.close { float: right; }
.close:link { text-decoration: none; color: #333333; display: block; border: 0px; color: Blue; border-style: ridge; }
.close:visited { text-decoration: none; color: #333333; display: block; border: 0px; }
.close:active { text-decoration: none; color: #333333; display: block; border: 0px; }
.close:hover { text-decoration: none; color: #333333; display: block; border: 0px; }