HTML { height: 100%; margin-bottom: 1px; }
BODY { min-width: 960px; height: 100%; margin: 0; padding: 0; background-color: #fff; }
BODY, INPUT, SELECT, TEXTAREA { color: #3d3d3d; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { margin: 0 0 20px 0; padding: 0 0 15px 0; color: #f47505; font-size: 16px; font-weight: bold; border-bottom: 1px solid #d4ddec; }
H2 { height: 23px; background: #f47505 url(../images/title_bg.gif) repeat-x left top; margin: 0; padding: 0 12px; color: #fff; font-size: 12px; font-weight: bold; line-height: 22px; }
H2 B { float: left; }
H2 A.lnk { float: right; display: block; color: #fff; font-size: 11px; }
H3 { margin: 0 0 10px; padding: 0; color: #5077b2; font-size: 13px; font-weight: bold; line-height: normal; }
H3 SPAN { margin-left: 10px; font-size: 12px; font-weight: normal; }
P { margin: 15px 0; }
OL, UL { margin-top: 15px; margin-bottom: 15px; }
A { color: #607ca7; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
A.nav { padding: 0 10px; font-weight: bold; }
.lnkOr A, A.lnkOr { color: #f47505; }
.pageNum SPAN.label { color: #607ca7; font-style: italic;}


/* LAYOUT */
#clmTwo { min-height: 100%; background: url(../images/clm_bg.gif) repeat-y right top; }
#container { padding: 30px 50px; line-height: 16px; }
#clmTwo #container { padding-right: 300px; }

#columnLeft { float: left; width: 100%; }
#columnRight { float: left; width: 200px; margin-left: 50px; margin-right: -300px; }

.contantWd { width: 800px; }


/* HEADER */
#header { height: 77px; background: #f47505 url(../images/header_bg.gif) repeat-x left top; padding: 16px 50px 0; }
#header H1 { float: left; width: 233px; background: url(../images/PSM_TOOLBOX.gif) no-repeat left top; margin: 20px 0 0; padding: 0; font-size: 0; text-indent: -5000px; border-bottom: none; }
#header H1 A { display: block; height: 30px; }
#header H2 { float: left; height: 38px; background: none; margin: 0 0 0 8px; padding: 28px 0 0 8px; color: #fcf0e6; font-size: 15px; font-weight: bold; border-left: 1px solid #fff; }
#header H2 SPAN { color: #160a00; }
#header A.fr { float: right; display: block; margin: 27px 10px 0 0; color: #fff; font-size: 12px; font-weight: bold; }
.headerLine { height: 7px; background-color: #708fbf; font-size: 0; border-width: 4px 0 1px; border-style: solid; border-color: #fff; }

#search { float: right; }
#search INPUT { float: left; width: 150px; margin-top: 7px; border: 1px solid #8d8d8d; }
#search A.btnSearch { float: left; display: block; width: 80px; height: 20px; background: url(../images/menu_btn.gif) no-repeat; margin-top: 7px; margin-left: 10px; color: #000; font-size: 11px; font-weight: bold; line-height: 20px; text-transform: uppercase; text-decoration: none; text-align: center; }


/* MENU */
#navBar { background-color: #fff; padding: 2px 0; border-width: 1px 0; border-style: solid; border-color: #708fbf; }
#navBar DIV.navbarBg { height: 33px; background: #040202 url(../images/menu_hover.gif) repeat-x left top; padding: 0 50px; }
#navBar UL { float: left; background: url(../images/menu_sep.gif) no-repeat left top; margin: 0; padding: 0 0 0 3px; list-style: none; }
#navBar UL LI { float: left; background: url(../images/menu_sep.gif) no-repeat right top; margin-right: 1px; padding-right: 2px; }
/*#navBar UL LI.last { background: none; }*/
#navBar UL A { position: relative; float: left; display: block; background: url(../images/menu_hover.gif) repeat-x; background-position: 0 0; padding: 0 8px 0 10px; color: #434343; font-size: 11px; font-weight: bold; line-height: 33px; text-transform: uppercase; text-decoration: none; }
#navBar UL A SPAN { display: block; position: absolute; top: -1px; left: 9px; color: #bdbcbc; }
#navBar UL A:hover, #navBar UL LI.active A { background-position: 0 -33px; }
#navBar UL A:hover SPAN, #navBar UL LI.active A SPAN { color: #f5f5f5; cursor: pointer; }


/* BLOCKS */
.bar { clear: both; background-color: #e2e9f2; margin: 15px 0 7px; padding: 5px 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 14px; }
.bar A { color: #443f3f; }
.bar SPAN { margin: 5px; }

.blk { background-color: #fef1e6; padding: 20px; color: #60350f; border: 1px solid #9e9b9b; }
.blk_home { background-color: #fef1e6; padding: 10px; color: #60350f; border: 1px solid #9e9b9b; }
.blk H3 { color: #000; }
.blk_home H3 { color: #000; }
.blkG { background-color: #f0f0f0; padding: 10px; }
.blkG .pollBarA { margin-top: 15px; }
.blkG .pollBarA SPAN, .blkG .pollBarD SPAN { background: url(../images/shadow/poll_shG.gif) no-repeat left top; }
.blkS { background-color: #fbfbfb; padding: 10px; }
.blkS .pollBarA { margin-top: 15px; }
.blkS .pollBarA SPAN, .blkS .pollBarD SPAN { background: url(../images/shadow/poll_shS.gif) no-repeat left top; }
.blkW { background-color: #fff; padding: 10px; }

.note { background-color: #fff; padding: 15px; color: #f47505; font-weight: bold; font-style: italic; }

DIV.imgLeft { float: left; margin: -3px 15px 10px 0; }
DIV.imgLeft .shT { width: auto !important; }
IMG.imgLeft { float: left; margin: 3px 15px 5px 0; }
/*
.shT { width: 100%; background: url(../images/shadow/wshT.gif) repeat-x left top; }
.shTL { background: url(../images/shadow/wshTL.gif) no-repeat left top; }
.shTR { background: url(../images/shadow/wshTR.gif) no-repeat right top; }
.shL { background: url(../images/shadow/wshL.gif) repeat-y left top; }
.shR { background: url(../images/shadow/wshR.gif) repeat-y right top; }
.shBL { background: url(../images/shadow/wshBL.gif) no-repeat left bottom; }
.shB { background: url(../images/shadow/wshB.gif) repeat-x left bottom; }
.shBR { background: url(../images/shadow/wshBR.gif) no-repeat right bottom; padding: 5px; }
*/
.shT {  width: 100%; background: none; border: 1px solid #FCFCFC; }
.shB {  background: none; border: 1px solid #F7F7F7; }
.shL {  background: none; border: 1px solid #EFEFEF; }
.shR {  background: none; border: 1px solid #E3E3E3; }
.shTL { background: none; border: 1px solid #D6D6D6; }
.shTR { background: none; border: 3px solid #FFF; }
.shBL { background: none; margin: 0; padding: 0; }
.shBR { background: #F0F0F0; margin: 0; padding: 0; }
/*
#columnRight .shT { width: 100%; background: #fff url(../images/shadow/gshT.gif) repeat-x left top; margin-bottom: 10px; }
#columnRight .shTL { background: url(../images/shadow/gshTL.gif) no-repeat left top; }
#columnRight .shTR { background: url(../images/shadow/gshTR.gif) no-repeat right top; }
#columnRight .shL { background: url(../images/shadow/gshL.gif) repeat-y left top; }
#columnRight .shR { background: url(../images/shadow/gshR.gif) repeat-y right top; }
#columnRight .shBL { background: url(../images/shadow/gshBL.gif) no-repeat left bottom; }
#columnRight .shB { background: url(../images/shadow/gshB.gif) repeat-x left bottom; }
#columnRight .shBR { background: url(../images/shadow/gshBR.gif) no-repeat right bottom; padding: 7px; }
*/
#columnRight .shT {  width: 100%; background: none; border: 1px solid #F8F8F8; margin-bottom: 10px; }
#columnRight .shB {  background: none; border: 1px solid #F3F3F3; }
#columnRight .shL {  background: none; border: 1px solid #EAEAEA; }
#columnRight .shR {  background: none; border: 1px solid #DDDDDD; }
#columnRight .shTL { background: none; border: 1px solid #CBCBCB; }
#columnRight .shTR { background: none; border: 3px solid #FFF; }
#columnRight .shBL { background: none; margin: 0; padding: 0; }
#columnRight .shBR { background: #F0F0F0; margin: 0; padding: 0; }


.find { padding-bottom: 5px; }
.numOne, .numTwo, .numThree, .numFour, .numFive, .numSix { float: left; clear: left; display: block; margin-right: 10px; padding: 3px; color: #fff; font-weight: bold; }
.advSearch { float: left; width: 340px; font-size: 11px; }
/*
.advSearch .numOne   { background-color: #f37505; }
.advSearch .numTwo   { background-color: #f79037; }
.advSearch .numThree { background-color: #f59137; }
.advSearch .numFour  { background-color: #f9ac69; }
.advSearch .numFive  { background-color: #fbc89b; }
*/
.advSearch .numOne   { background-color: #f37505; }
.advSearch .numTwo   { background-color: #f48523; }
.advSearch .numThree { background-color: #f69641; }
.advSearch .numFour  { background-color: #f7a65f; }
.advSearch .numFive  { background-color: #f9b77d; }
.advSearch .numSix   { background-color: #fbc89b; }

.advSearch LABEL { float: left; width: 110px; margin-top: 3px; font-weight: bold; text-transform: uppercase; }
.advSearch SELECT { float: left; width: 200px; margin-bottom: 10px; }
.advSearch A.btn { float: right; }
.txtSearch { margin-left: 350px; }
.txtSearch .blk { }

.fullSearch { margin-top: 30px; }
.fullSearch LABEL { float: left; clear: left; width: 120px; font-weight: bold; }
.fullSearch SELECT { float: left; width: 200px; margin-bottom: 10px; }
.fullSearch .fleft SELECT { float: none; }
.fullSearch B { color: #737373; }

.bscSearch { float: left; background-color: #b4c8e7; margin: 0 15px 7px 0; padding: 5px 10px; font-weight: bold; }
.bscSearch INPUT { width: 240px; margin-left: 10px; }

.searchRes { padding-top: 30px; }
.searchRes A { color: #f47505; }
.searchRes SPAN { background-color: #FFFF00; padding: 0 2px; }
.searchRes H3 SPAN { margin: 0; font-weight: bold; }

.toolTop .blkS { padding: 5px; clear: both; }
.toolTop .blkW { padding: 5px; clear: both; }
.toolTop .numTop { float: left; display: block; width: 16px; height: 20px; background: #708fbf url(../images/shadow/numSh.gif) no-repeat; padding: 6px 0 0 10px; color: #fff; font-weight: bold; }
.toolTop A { float: right; display: block; width: 142px; color: #3d3d3d; text-decoration: none; }
.toolTop A:hover { text-decoration: underline; }

.pollBarA, .pollBarD { position: relative; width: 285px; height: 27px; margin: 5px 0; padding: 5px; }
.pollBarA { background-color: #708fbf; }
.pollBarD { background-color: #fb7b0b; }
.pollBarA DIV { height: 27px; background-color: #fb7b0b; }
.pollBarD DIV { height: 27px; background-color: #708fbf; }
.pollBarA SPAN, .pollBarD SPAN { display: block; position: absolute; top: 0; left: 0; width: 275px; height: 27px; background: url(../images/shadow/poll_shW.gif) no-repeat left top; padding: 10px 0 0 20px; color: #fff; font-weight: bold; }


/* TABLES */                                     /* color: #f47505 of beter: #D46300 */
TABLE.tblhor TD.title, TABLE.tblver TD.title { background: #f47505 url(../images/title_bg.gif) repeat-x center; padding: 0 7px; color: #fff; font-weight: bold; line-height: 23px; text-transform: uppercase; }
TABLE.no-margin-on-links a {
  margin: 0 !important;
}
TABLE.tblhor TH, TABLE.tblver TH { font-size: 11px; line-height: 14px; }
TABLE.tblhor TD, TABLE.tblver TD { font-size: 11px; line-height: 14px; border-top: 1px solid #989898; border-bottom: 1px solid #989898; border-right: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; padding: 3px 7px; vertical-align: top; }
div.little-bigger table td { font-size: 13px; }
TABLE.tblhor { width: 100%; border-collapse: collapse; margin-bottom: 3px; }
TABLE.tblhor TH { border-top: 1px solid #989898; border-bottom: 1px solid #989898; border-right: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; padding: 3px 7px; text-align: left; text-transform: uppercase; }
TABLE.tblhor TR.bggray { background-color: #f0f0f0; }
TABLE.tblhor A { color: #443f3f; margin-left: 5px;}
TABLE.tblhor TD.title A { color: #FFF; }
TABLE.tblhor TD.desc { cursor: pointer; }
TABLE.tblhor TD.desc DIV.moreDesc { display: none; position: absolute; left: auto; top: auto; width: 260px; background-color: #fef1e6; padding: 15px; border: 1px solid #989898; }
TABLE.tblhor TD.desc:hover DIV.moreDesc { display: block; }

TABLE.tblver { border-collapse: collapse; margin: 15px 10px 15px 0; }
TABLE.tblver TH { border-top: 1px solid #989898; border-bottom: 1px solid #989898; border-right: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; background-color: #eff4fb; padding: 3px 7px; text-align: right; text-transform: uppercase; vertical-align: top; white-space: nowrap; }
/*table.tblcomp TH { border-top: 1px solid #989898; border-bottom: 1px solid #989898; border-right: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; background-color: #eff4fb; padding: 3px 7px; text-align: right; text-transform: uppercase; vertical-align: top; }*/
TABLE.tblver TD { width: 100%; }
TABLE.tblver TD.title { text-align: center; }
TABLE.tblver TD.label, TABLE.tblver TD.title { width: auto; }

TABLE TD.no-left-border {
  border-left: 0;
}

TABLE TD.no-right-border {
  border-right: 0;
}

TABLE TD.no-a-padding a {
  margin-left: 0;
}

/*table.tblcomp { border-collapse: collapse; margin: 15px 7px 15px 7px; float:left; width: 388px;}*/

/* BUTTONS */
A.btn { float: left; display: block; background: url(../images/btnLeftAndRight.gif) no-repeat left top; color: #000; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 10px; }
A.btn SPAN { float: left; display: block; height: 32px; background: url(../images/btnLeftAndRight.gif) no-repeat right top; padding: 0 25px 0 15px; line-height: 32px; cursor: pointer; }
A.btnOr { float: left; display: block; width: 79px; height: 37px; background: #f47505 url(../images/btnOr_bg.gif) no-repeat; margin: 10px 2px 0; color: #fff; font-size: 11px; font-weight: bold; line-height: 36px; text-decoration: none; text-align: center; }

.selectBtn { float: left; margin-top: 20px; }
A.arrowR, A.arrowL { display: block; width: 20px; height: 20px; margin: 15px 12px; text-indent: -5000px; }
A.arrowR { background: url(../images/btnArrowR.gif) no-repeat; }
A.arrowL { background: url(../images/btnArrowL.gif) no-repeat; }


/* OTHER */
.pollTxt { font-size: 15px; font-weight: bold; }

.pageNum { display: block; padding: 0px 10px; font-size: 11px; }
.pageNum A { padding: 0 3px; font-weight: bold; text-decoration: none; }
.pageNum A:hover { color: #f47505; }
.pageNum SPAN { padding: 0 3px; color: #f47505; font-weight: bold; }
p.pageNum {
  margin: 0; 
  line-height: 40px;
}
p.pageNum span.compare-arrow {
  height: 40px; 
  float: right; 
  padding-right: 50px; 
  background: url(../images/compare-arrow.gif) right 17px no-repeat;
}

p.pageNum span.compare-arrow-up {
  height: 40px; 
  float: right; 
  padding-right: 50px; 
  background: url(../images/compare-arrow-pointing-up.gif) right 4px no-repeat;
}

H2 .pageNum { float: right; padding: 1px 0 0; }
H2 .pageNum A { color: #fff; }
H2 .pageNum A:hover { color: #101010; }
H2 .pageNum SPAN { color: #101010; }

.pageNumBlk { height: 23px; background: #f47505 url(../images/title_bg.gif) repeat-x left top; margin-top: 10px; }
.pageNumBlk A { color: #fff; }
.pageNumBlk A:hover { color: #101010; }
.pageNumBlk SPAN { color: #101010; }


.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.bold { font-weight: bold; }

.fleft { float: left; }
.fright { float: right; }
.flefthalf { float: left; width: 48%; }
.frighthalf { float: right; width: 48%; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

div.checkboxes span {
  border: 1px solid #F47505;
  border-top: 0;
  border-right: 0;
  margin-right: 10px;
  margin-bottom: 3px;
  display: inline-block;
  width: auto;
}

div.checkboxes span input {
  float: none;
  display: inline-block;
  width: auto;
}

div.checkboxes span label {
  float: none;
  display: inline-block;
  width: auto;
}

form label.math_challenge_label {
  display: inline;
  width: auto;
  margin-right: 8px;
}

table.comments td.comment {
  padding-left: 70px;
}

table.comments td.comment.depth-0 {
  padding-left: 8px;
}

table.comments td.comment.depth-1 {
  padding-left: 10px;
}

table.comments td.comment.depth-2 {
  padding-left: 20px;
}

table.comments td.comment.depth-3 {
  padding-left: 30px;
}

table.comments td.comment.depth-4 {
  padding-left: 40px;
}

table.comments td.comment.depth-5 {
  padding-left: 50px;
}

table.comments td.comment.depth-6 {
  padding-left: 60px;
}
/*
input.other {
  border-left: 1px solid #f47504;
  border-bottom: 1px solid #f47504;
  border-top:  1px solid #f3ab6b;
  border-right:  1px solid #f3ab6b;
}*/

/* STYLE FOR SURVEY "POP-UP" */
div.shadows {
  background:#f5f5f5;
  padding:1px;
  position:relative;
  width:244px;
  _width:238px;
  margin:0 auto;
  position:absolute;
  top:150px;
  z-index:100;
  left: 50%;
  margin-left: -122px;
} 

div.shadows div {
  background:#e0e0e0;
  padding:1px;
  width:242px;
  _width:236px;
}

div.shadows div div {
  background:#c2c2c2;
  padding:1px;
  width:240px;
  _width:234px;
}

div.shadows div div div {
  background:#999999;
  padding:1px;
  width:238px;
  _width:232px;
}

div.shadows div div div div {
  background:#cbcbcb;
  padding:1px;
  width:236px;
  _width:230px;
}

div.shadows div div div div div {
  background:#fff;
  margin:0;
  width:230px;
  position:relative;
  border:3px solid #fff;
  padding:0;
  text-align:center;
}

div.shadows div div div div div.close {
  width:210px;
  _width:230px;
  border:0;
  _height:12px;
  background:#fff url(../images/survey/close.gif) no-repeat 221px 0px;
  _background:#fff url(../images/survey/close.gif) no-repeat 215px 4px;
  font-size:12px;
  margin:0;
  padding-right:26px;
  _padding-right:22px;
  _padding-top:-3px;
  text-align:right;
  cursor:pointer;
  text-decoration:none;
  color:#000;
}

div.shadows a {
  text-decoration:none;
}

div.shadows h4 {
  background:#FE9134 url(../images/survey/survey-header-bg.jpg) repeat-x scroll left bottom;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  line-height:22px;
  margin:0;
  padding:0;
  text-align:center;
}

div.shadows p.teaser {
  color:#5077b2;
  font-size:13px;
  font-weight:bold;
}

div.shadows p {
  /*background:#f0f0f0;*/
  background:#fff;
  color:#000;
  font-size:12px;
  margin:0;
  font-weight:normal;
  padding:12px 9px 0 9px;
  text-align:left;
  line-height:16px;
}

div.shadows div.button {
  padding:1px;
  width:125px;
  margin:10px auto 4px;
  _margin:12px auto 0;
  border:0;
  cursor:pointer;
}

div.shadows div div div div div.button {
  background:transparent url(../images/btnLeftAndRight.gif) no-repeat scroll left top ;  
  line-height:32px;
  text-align:center;
  text-transform:capitalize;
  width:115px;
  font-weight:bold;
  height:32px;
  position:relative;
}

span.close-button {
  background:transparent url(../images/btnLeftAndRight.gif) no-repeat scroll right top ;  
  width:10px;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  text-decoration:none; 
}
/*/ STYLE FOR SURVEY "POP-UP" */

div.downloads-tooltip {
  background: url(../images/tooltip-bg.png) no-repeat left;
  position:absolute;
  top:0;
  left:20px;
  height:22px;
  display:none;
  z-index:1000;
  padding-left: 10px;
} 

div.downloads-tooltip span {
  background: url(../images/tooltip-bg.png) no-repeat right;
  padding-right: 10px;
  line-height:22px;
  display:block;
} 

div#pingMessage {
  display: none;
  width: 640px;
  margin: 0 auto;
  background: #FEF1E6 none repeat scroll 0 0;
  border:1px solid #9E9B9B;
  height:50px;
  line-height:50px;
  position:absolute;
  text-align:center;
  top:0;
  z-index:100;
  left: 170px;
}

/* Training table column width definitions */

tr .C-title {
  min-width: 290px;
  width: 290px;
}

tr .S-title {
  min-width: 350px;
  width: 350px;
}

tr .C-dates {
  min-width: 72px;
  width: 72px;
}
tr .C-location {
  min-width: 72px;
  width: 72px;
}
tr .C-language {
  min-width: 30px;
  width: 30px;
}

tr .S-platform {
  min-width: 120px;
  width: 120px;
}
tr .S-language {
  min-width: 30px;
  width: 30px;
}

tr .C-organization,
tr .S-organization {
  min-width: 180px;
  width: 180px;
}

tr .C-contact,
tr .S-contact {
  min-width: 180px;
  width: 180px;
}

/*table#training {
  min-width: 980px;
  _width: 980px;
}*/

table#training {
  min-width: 1126px;
  _width: 1126px;
}
