

@import '/resources/yui/reset/reset-min.css';
@import '/resources/yui/fonts/fonts-min.css';
@import '/resources/yui/base/base-min.css';
@import 'buttons.css';


body		{ background: #393B45; font-family: Arial,Helvetica,sans-serif;}

/* custom grids and width fixing */
#bofa-doc	{ margin:auto;text-align:left; width:100%; background:#393B45; position:relative}
/*.yui-t1 .yui-b {width:160px;}
.yui-t1 #yui-main .yui-b{width:740px;margin-left:160px;}
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u {width:540px;}
*/

/* Page elements: header */
#hd-wrapper { height:155px; background:#E2E2C7 url(images/bgr-hd-wrapper.gif) repeat-x top left;   }
#hd			{ position:relative;height:155px; margin:auto;text-align:left; width:886px; background:#F9F9F2 url(images/bgr-hd.gif) repeat-x top left;z-index:2 }
#hd .logo	{ position:absolute; top: 5px; left: 0; width:155px; height: 170px;z-index:2;}
#hd h1		{ position:absolute; left: 185px; top: 30px; color:#ABEB71; font-family: Arial, "helvetica neue"; font-weight:bold; font-size:153.9%; margin:0;}
#hd h1 sup  { font-size:70%}
#hd .userstatus { position:absolute;right:30px;bottom:8px;color:#6B6B6B;font-size:85%}

/* Page elements: nav */
#nv			{ position:absolute; bottom:29px; right:0; width:732px;height:47px; background: #1360A1 url(images/bgr-nv.gif)}
#nv ul		{ list-style:none;margin:12px 0 0 21px;}
#nv ul li	{ float: left;list-style:none;font-weight:bold;margin:0;}
#nv ul li a { color:#fff; height:35px; display:block;line-height:35px;width: 124px;text-align:center;text-indent:-1000px;overflow:hidden}
#nv .menu1	{ background-image:url(images/menu/1.gif);margin-left:15px}
#nv .menu2	{ background-image:url(images/menu/2.gif);margin-left:6px}
#nv .menu3	{ background-image:url(images/menu/3.gif);margin-left:4px}
#nv .menu4	{ background-image:url(images/menu/4.gif);margin-left:11px}
#nv .menu5	{ background-image:url(images/menu/5.gif); width: 147px;}

#nv .menu1on{ background-image:url(images/menu/1-on.gif);}
#nv .menu2on{ background-image:url(images/menu/2-on.gif);}
#nv .menu3on{ background-image:url(images/menu/3-on.gif);}
#nv .menu4on{ background-image:url(images/menu/4-on.gif);}
#nv .menu5on{ background-image:url(images/menu/5-on.gif);}



/* Page elements: body */
#bd-wrapper		{ background: #E2E2C7; }
#bd				{ background: #F9F9F2; margin:auto;text-align:left; width:886px; padding:0; height: auto !important; height:500px; min-height:500px; color:#6B6B6B; font-size:93%;position:relative; z-index:1 }


#bd.full div.main {padding:30px;}
#bd.full div.sidepanel {display:none} 

#bd.wide-sidepanel { background: #E2E2C7 url(images/bgr-bd-wide-sidepanel.gif) repeat-y 0 50px;}
#bd.wide-sidepanel .main {float:left; width:510px;padding:30px}
#bd.wide-sidepanel .sidepanel  {float:right; width:254px;background:transparent url(images/bgr-sidepanel.jpg) no-repeat top left;padding: 30px; height: auto !important; height:250px; min-height:250px}

#bd.thin-sidepanel { background: #E2E2C7 url(images/bgr-bd-thin-sidepanel.gif) repeat-y 0 50px;}
#bd.thin-sidepanel .main {float:left; width:535px;padding:30px}
#bd.thin-sidepanel .sidepanel  {float:right; width:225px;background:transparent url(images/bgr-sidepanel.jpg) no-repeat top left;padding: 30px 20px 30px 20px; height: auto !important; height:250px; min-height:250px}


/* Page elements: footer */
#ft-wrapper		{ background: #393B45 url(images/bgr-ft-wrapper.gif) repeat-x top left; }
#ft				{ background: #1360A1 url(images/bgr-ft.gif) no-repeat bottom left ; margin:auto;text-align:left; width:776px; height:95px; padding: 5px 55px 0 55px; font-size:85%; margin-bottom:20px;}
#ft ul.hmenu	{ float:left;margin-top:40px}
#ft ul.hmenu li a { color:#EEEED4;}
#ft p.copy		{ float:right;margin:40px 0 0 0;color:#EEEED4}
#ft p.copy a	{ color:#EEEED4; text-decoration:none}
#ft div#digicertsitesealcode { float:right; padding:0 0 0 20px;}


/* horz list */
ul.hmenu {list-style:none;margin:0;padding:0}
ul.hmenu li {list-style:none;float:left;margin: 0.2em 0.1em; padding: 0.0em 1em; }
ul.hmenu li a {text-decoration:none;}
ul.separators li {border-right:solid 1px #EEEED4;}
ul.separators li.last {border-right:none}

/* content */
p.intro		{ font-size:116%}
h2			{color:#1676C3; }
h2.home		{ font-size:167%;margin:10px 0}
h3			{ font-size: 138.5%; font-weight:normal }
p.subformlinks {font-size:93%;margin-top:10px;clear:both}
p.subformlinks a {color:#6D6D6D;}
img.inline-image-right {float:right; margin: 0 0 10px 10px}
a {color:#3586CB;text-decoration:none}
a:hover  {color:#3586CB;text-decoration:underline}
a:visited  {color:#6D35CB}
dl.tabular {clear:both;}
dl.tabular dt {clear:left;float:left;width:10em;margin: 0 1em 0 0;}
dl.tabular dd {display:block;  margin-left:100px;padding-left:0; text-indent:-30px }
fieldset h2 {margin-top: 0}
.blue {color:#1676C3; }
p.warning {color:#900;background:#FDEBEB;border:solid 1px #900;padding:1em}
.green {color:#6ABF24}
.assign-notice {color:#1676C3;background:#D2E5F4;border:solid 1px #1676C3;padding:1em;margin: 0 0 10px 0}


/* ul droplist */
dl.droplist			{ list-style:none; padding:0; margin:0; zoom:1; position:relative }
dl.droplist dt		{ list-style:none; background:url(images/droplist-closed.gif) no-repeat; padding-left: 35px;margin: 10px 0 0px 0; min-height: 23px; cursor: hand; cursor:pointer}
dl.droplist dt 		{ font-size:131%; font-weight:bold; color:#257FC6}
dl.droplist dt.selected	{ background:url(images/droplist-open.gif) no-repeat;}
dl.droplist dd		{ padding-left: 25px;font-size:131%; }
dl.droplist ul		{ margin-top: 0}
dl.droplist span.normal {color:#6B6B6B}
dl.droplist a		{ color:#6ABF24}
 
/* ul arrowed */
ul.arrowed		{ list-style:none; font-size:116%}
ul.arrowed li	{ list-style:none; background:transparent url(images/arrowed-bullet.gif) no-repeat; padding: 0 0 10px 32px; margin: 2px 0 5px 0;}

/* terms */
ol.termslist li {margin-top:0;margin-bottom:1em}

/* Rounded box */
.rounded {border:solid 1px #D5D5C5;background-color:#F9F9F2;margin:0 0 30px 0}
.rounded .content {margin: 10px}
.rounded h2 {color:#1676C3;margin: 0 0 5px 0}
.rounded h3 {color:#1676C3;margin: 0 0 5px 0;font-size:116%}


/* sidepanel */
.sideblock-2col {margin: 0 0 20px 0}
.sideblock-2col .column			{ float:left; }
.sideblock-2col .column-left	{ width:82px}
.sideblock-2col .column-right	{ width:170px}
.sideblock-2col h2 {margin:5px 0;letter-spacing:1px}
.sideblock-2col a {text-decoration:none;font-size:107%;font-weight:bold;color:#257FC6}
.sideblock-2col p {margin: 5px 0;font-size:93%}

#bd.thin-sidepanel .sideblock-2col .column-left	{ width:65px}
#bd.thin-sidepanel .sideblock-2col .column-right	{ width:145px}



.sideblock-offer h2 { color:#257FC6 }
.sideblock-demo h2  { color:#6ABF24}
.sideblock-buynow h2  { color:#FE7200}
.sideblock-products h2 {color: #6ABF24}

.sideblock-login {background:#F9F9F2 url(images/login-block/bg.gif); width:264px}
.sideblock-login .n {width:264px; height:13px;background:#F9F9F2 url(images/login-block/n.gif);}
.sideblock-login .s {width:264px; height:13px;background:#F9F9F2 url(images/login-block/s.gif);}
.sideblock-login .bd {margin: 0 10px 0 14px;}
.sideblock-login .arrowed {background:transparent url(images/login-block/arrow.gif) no-repeat top right;padding-right:20px}
.sideblock-login .form-field-text label {margin-left:4px;font-weight:bold}
.sideblock-login .form-field-text input { width: 164px; float:left}
.sideblock-login .form-field-password label {margin-left:4px;font-weight:bold}
.sideblock-login .form-field-password input { width: 164px; float:left}
.sideblock-login input.button {background: #84D042 url(images/login-block/login.gif); width:63px; height:24px; color:#fff; border:none; float:right;padding:0;margin:0}
.sideblock-login input.button:focus {background:#84D042 url(images/login-block/login.gif);}

.sideblock-login p.links {font-size:85%;margin-top:10px}
.sideblock-login p.links a {color:#6D6D6D;}

.sideblock-login a.logout {background: #84D042 url(images/login-block/login.gif); width:63px; text-align:center; font-weight:bold;line-height:24px; color:#fff; border:none; float:right;padding:0;margin:; display:block;text-decoration:none}


.sideblock-contentmenu {width:264px;margin: 0 0 10px 0}
.sideblock-contentmenu .n {width:264px; height:13px;background:transparent url(images/sidebar-block/n.gif);}
.sideblock-contentmenu .s {width:264px; height:13px;background:transparent url(images/sidebar-block/s.gif);}
.sideblock-contentmenu .bd {padding: 0 10px 0 14px;background:transparent url(images/sidebar-block/bg.gif); }
.sideblock-contentmenu h2 {margin:0 0 5px 0}
.sideblock-contentmenu ul {list-style:none;margin:0;padding:0}
.sideblock-contentmenu ul li {list-style:none;margin:0;padding:0}
.sideblock-contentmenu a {text-decoration:none;color:#257FC6}
.sideblock-contentmenu a:visited {color:#6D35CB}
.sideblock-contentmenu li.active {font-weight:bold;}
.sideblock-contentmenu li.current {font-weight:bold;}
.sideblock-contentmenu li.active li {font-weight:normal}
.sideblock-contentmenu li li.active {font-weight:bold;}
.sideblock-contentmenu li li.current {font-weight:bold;}
.sideblock-contentmenu li li.active li {font-weight:normal}
.sideblock-contentmenu ul li ul {margin: 0 0 0 20px}

.thin-sidepanel .sideblock-contentmenu {width:224px;}
.thin-sidepanel .sideblock-contentmenu .n {width:224px; height:13px;background:transparent url(images/sidebar-block/n-thin.gif);}
.thin-sidepanel .sideblock-contentmenu .s {width:224px; height:13px;background:transparent url(images/sidebar-block/s-thin.gif);}
.thin-sidepanel .sideblock-contentmenu .bd {padding: 0 10px 0 14px;background:transparent url(images/sidebar-block/bg-thin.gif); }


.homepagenews {width:510px;margin:10px 0}
.homepagenews .n {width:510px; height:13px;background:transparent url(images/sidebar-block/n-wide.gif);}
.homepagenews .s {width:510px; height:13px;background:transparent url(images/sidebar-block/s-wide.gif);}
.homepagenews .bd {padding: 10px 10px 10px 14px;background:transparent url(images/sidebar-block/bg-wide.gif); }
.homepagenews .bd h1 {margin:0 0 10px 0}
.homepagenews .homepagenews-more {margin: 10px 0}




/* inpage 'dialog' (login etc) */
.dialog-container {width: 270px;margin: 10px auto}
.dialog-container h1 {color:#1676C3;font-weight:normal;font-size:153.9%;margin:0 0 20px 0}
.dialog-container h2 {color:#1676C3;font-weight:bold;font-size:131%;margin:10px 0}
.dialog-container .sideblock-login .bd {background:none}
.dialog-container .sideblock-login  label {float:none}
.dialog-container .sideblock-login .form-field-text label {padding-bottom: 5px; }
.dialog-container .sideblock-login .form-field-password label {padding-bottom: 5px}
.dialog-container .sideblock-login p.links {margin-left:20px}

.bordered-link {margin: 10px 0;padding: 20px 0; border-top:dashed 1px #E2E2C7; border-bottom:dotted 1px #E2E2C7; font-weight:bold; color:#767676;font-size:116% }
.bordered-link a {color:#66C315;text-decoration:none;}

table.options {border:none}
table.options td {border:none;padding:5px;margin:0;font-size:93%;vertical-align:middle}
a.option-button {float:left;background:#84D042 url(images/dialog/btn.gif) no-repeat; color:#fff;font-weight:bold;width:175px;height:24px;line-height:24px;display:block;text-align:center;font-size:14px;text-decoration:none}

a.green-button {background:#84D042 url(images/dialog/btn.gif) no-repeat; color:#fff;font-weight:bold;width:175px;height:24px;line-height:24px;text-align:center;font-size:14px;text-decoration:none;display:block}
a.green-button-large {background:#84D042 url(images/dialog/btn-l.gif) no-repeat; color:#fff;font-weight:bold;width:350px;height:36px;line-height:36px;text-align:center;font-size:14px;text-decoration:none;display:block}

table.account-table th {border:0;vertical-align:top;width:10em;text-align:left}
table.account-table td {border:0;vertical-align:top;}

/* registation form */
.registration-form #fstype {padding:5px 20px}
.registration-form #fstype div label {display:block;float:none}
.registration-form .form-field-id-type div {clear:both;padding: 5px}
.registration-form .form-field-id-type div.radiobuttons {clear:both;padding: 5px 0 0 0 }
.registration-form .form-field-id-type input {float:left;margin:0 5px 0 0}
.registration-form .form-field-id-type div label {float:left;}
.copyschooldata {margin: 5px 0 5px 11em;color:#747474;display:none}
.form-field-id-optin input {float:left;margin:0 5px 0 0}
.registration-form #submit {background: #84D042 url(images/dialog/btn.gif); width:175px; height:24px; color:#fff; border:none; padding:0;margin:0}


/* demo */
.takedemolink {display:block; margin:30px 35px;background:#84D042 url(images/demo/btn-take.gif) no-repeat; color:#fff; font-weight:bold; 
	width:232px;height:24px;line-height:24px;text-align:center;text-indent:-10000px}
.demo-start-icons {line-height:70px;font-size:138.5%;margin:0 0 0 25px}
.demo-start-icons img {vertical-align:middle}
.demo-start-icons a {color:#3586CB}	

/* shop */
.products-carousel-container {position:relative;height:300px}
.products-carousel {width: 500px;height: 150px;;position: absolute;top: 10px;left: 10px;}
.products-carousel div.product {position: absolute;width:64px;bxackground:#fff;bxorder:solid 2px #E6E6D3;text-align:center} 
.products-carousel div.product img {margin: 0 0 10px 0}
.products-carousel div.product h2 {margin:0;font-size:12px;font-weight:bold;color:#3586CB;background:#fff;border:solid 2px #E6E6D3;} 
.products-carousel div.product h3 {margin:0;font-size:11px;font-weight:bold;color:#3586CB} 
.products-carousel div.product p {margin:0;font-size:10px;font-weight:bold} 


.products-list-container {}
.products-list-container div.vsep {float:left;width:14px;height:180px;}
.products-list-container div.hsep {float:none;clear:both;width:100%;height:14px;}
.products-list-container div.product {position:relative;width:120px;height:180px;float:left;background:#fff url(images/shop/product-item-bg.png) no-repeat;text-align:center}
.products-list-container div.product img {margin: 10px 0 0 0}
.products-list-container div.product h2 {margin:5px 0;font-size:14px;font-weight:bold;color:#3586CB} 
.products-list-container div.product h3 {margin:5px 0;font-size:12px;font-weight:bold;color:#3586CB} 
.products-list-container div.product h2 a {color:#3586CB}
.products-list-container div.product h3 a {color:#3586CB}
.products-list-container div.product p {margin:0;font-size:11px;font-weight:bold} 
.products-list-container div.product .addtobasket {position:absolute; bottom:5px;left:0;width:100%;text-align:center;}
.products-list-container div.product .addtobasket a {position:relative;display:block;background: #84D042 url(images/shop/button-small-bg.png) no-repeat; border:0; 
	color:#fff; font-weight:bold; font-size:10px; height:17px; width:80px; cursor:pointer; cursor:hand;margin: 0 auto;padding:2px 0 0 0;text-decoration:none}
.products-list-container div.product .addtobasket input {position:relative;background: #84D042 url(images/shop/button-small-bg.png) no-repeat; border:0; 
	color:#fff; font-weight:bold; font-size:10px; height:19px; width:80px; cursor:pointer; cursor:hand;padding: 0 0 2px 0}

.product-detail-head {border-bottom: 1px dashed #E2E2C7; padding: 10px 0 0 140px; background-repeat:no-repeat}
.product-detail-head a.addlink {float:right;width:170px;margin: 0 0 0 10px}
.product-detail-head a.addlink img {float:right;margin:0}
.product-detail-head img {float:left;margin: 0 20px 40px 0}
.product-detail-head h1 {color:#3586CB;margin:0 0 5px 0;font-size:16px}
.product-detail-head h2 {margin:0;font-size:14px;color:#6b6b6b}
.product-detail-head p {margin:0;}
.product-detail-head h3 {margin:10px 0;font-size:14px}
.product-detail-body .product-details-images {float:right;width:180px;text-align:right}
.product-detail-body .product-details-images img {margin: 10px 0 14px 0}
.product-detail-body h2 {margin:10px 0;font-size:14px}
.product-detail-body li {background: transparent url(images/arrowed-bullet-small.gif) no-repeat 0 2px; list-style:none; padding: 2px 24px; margin: 5px 0}
.product-detail-foot {text-align:right}


.basket-box {width:231px; background:#fff url(images/shop/basket-box-bg.png)}
.basket-box .n {width:231px; height: 12px; background: transparent url(images/shop/basket-box-n.png) no-repeat}
.basket-box .s {width:231px; height: 12px; background: transparent url(images/shop/basket-box-s.png) no-repeat}
.basket-box .bd {margin: 5px 10px}
.basket-box h2 {margin: 0; font-size:12px}

.basket-box .basket-value {background: transparent url(images/shop/trolley.png) no-repeat 0 50%; min-height: 45px; padding-left: 60px; font-size: 18px; font-weight:bold; color: #125D9D}
.basket-box .basket-checkout {text-align:right}


.basket-items .scroll-container {height:auto !important; height: 300px; max-height:300px; overflow:auto}
.basket-items table {width:100%;border:none}
.basket-items table tr.first td {padding-top:5px}
.basket-items table tr.second td {padding-bottom:5px;border-bottom:solid 1px #ccc}
.basket-items table td {margin:0;padding:0 2px;border:none}
.basket-items table td.image {width:40px;text-align:left}
.basket-items table td.itemtotal, .basket-items table td.total  {text-align:right;font-weight:bold}
.basket-items table td.sep {height:1px}

.basket-discount-container {width:243px;margin: 0 auto 1em auto;padding:1em 0;border-top:dotted 1px #E2E2C7;border-bottom:dotted 1px #E2E2C7}
.basket-discount {width:242px;height:47px;background:transparent url(images/shop/bgr-discount.png) no-repeat;color:#fff;border:0;padding:0;margin:0}
.basket-discount td.text {width:194px;font-size:85%;text-align:left;padding:0 10px;font-weight:bold;border:0}
.basket-discount td.discount {width:48px;font-size:100%;text-align:center;padding:0;font-weight:bold;border:0}
.basket-discount-container p {font-size:85%;text-align:center;margin:5px 0 0 0}

.basket-discount-next {width:228px;height:47px;background:transparent url(images/shop/bgr-discount-none.png) no-repeat;color:#fff;border:0;padding:0;margin:0}
.basket-discount-next td.text {width:228px;font-size:100%;text-align:center;font-weight:bold;border:0;padding:0 1em}


table.checkout-items {width:100%;border:none;border-collapse:collapse}
table.checkout-items th, table.checkout-items td {border:none}
table.checkout-items tr.alt {background:#F1F1E7}
table.checkout-items th {text-align:left; background:#E2E2C7;font-weight:bold;font-size:13px}
table.checkout-items th.unitpricehead {width:10%;text-align:right}
table.checkout-items th.quantityhead {width:15%;text-align:center}
table.checkout-items th.itemtotalhead {width:10%;text-align:right}
table.checkout-items td.image {width:36px}
table.checkout-items td.unitprice {width:10%;text-align:right}
table.checkout-items td.quantity {width:15%;text-align:center}
table.checkout-items td.itemtotal {width:10%;text-align:right}

table.checkout-items tr.totalline th{background:#ECECDB;border-top:solid 1px #A9A98B}
table.checkout-items tr.discountsline th{background:#E3E3CD;color:#383845}
table.checkout-items tr.taxline th{background:#ECECDB;}
table.checkout-items tr.grandtotalline th{background:#E2E2C7;border-top:solid 1px #A9A98B;border-bottom:solid 1px #A9A98B;color:#383845}

table.checkout-items input.quantity {width:30px;text-align:center}
table.checkout-items input.remove {vertical-align:middle}

.checkout-command {text-align:right;margin:0}
.checkout-command input {float:right;margin: 0 0 20px 20px}
.checkout-command label {x:block;float:none}
.checkout-command-container {border:solid 1px #E2E2C7; background:#ECECDB;width: 50%;padding:1em;margin:1em;float:right}

span.originalprice {text-decoration:line-through;color:#999}
span.discountedprice {color:#900}

.vat-exemption {float:left}
.vat-message {font-style:italic;margin: 10px 0}

.basket-messages {color:#B43636}


.school-add-form-1 label {margin: 0 10px 10px 0}
.school-add-form-1 select {width: 100px;margin:0 50px 0 0}
.school-add-form-1 input {margin:10px 0 0 0}
.school-add-form-2 label {margin: 0 10px 10px 0}
.school-add-form-2 select {width: 100px;margin:0 50px 0 0}
.school-add-form-2 input {vertical-align:middle}

/* digicert seal */
#digicertsitesealcode {position:relative;float:left;padding:10px 0 0 220px}



/* user */
table.uidata {width:100%;border:none;border-collapse:collapse}
table.uidata th, table.uidata td {border:none}
table.uidata tr.alt {background:#F1F1E7}
table.uidata th {text-align:left; background:#E2E2C7;font-weight:bold;font-size:13px}
table.uidata th a.sorter, a.sorter:visited {color:#3586CB}

table.testhistory th.scoreinitial {text-align:center;width:10%}
table.testhistory th.scoreimprovement {text-align:center;width:10%}
table.testhistory th.scorefinal {text-align:center;width:10%}
table.testhistory td.scoreinitial {text-align:center}
table.testhistory td.scoreimprovement {text-align:center;background:#E4E4D7;font-weight:bold}
table.testhistory td.scorefinal {text-align:center}

table.school-pupil-list .col-pupil {width:200px}
table.school-pupil-list .col-teacher,
table.school-pupil-list .col-parent {width:180px}
table.school-pupil-list .col-teacher select,
table.school-pupil-list .col-parent select {width:150px;margin:0;font-size:93%}
table.school-pupil-list .col-options {text-align:center}

table.sortable th {cursor:hand;cursor:pointer}
table.sortable thead tr .headerSortUp {background-image: url(images/sortable/asc.gif); background-repeat:no-repeat; background-position:center right;padding-right:16px}
table.sortable thead tr .headerSortDown {background-image: url(images/sortable/desc.gif); background-repeat:no-repeat; background-position:center right;padding-right:16px}

.tabcontainer {}
.tabmenu {}
.tabmenu ul {padding:0 0 0 10px;margin:0;border-bottom:1px solid #D5D5C5}
.tabmenu ul li {display:inline;}
.tabmenu ul li a,
.tabmenu ul li a:hover {padding: 4px 8px 0px 8px;border:1px solid #D5D5C5;font-size:123.1%;font-weight:bold;color:#999;text-decoration:none}
.tabmenu ul li a.active {border-bottom:2px solid #fff;font-size:123.1%;font-weight:bold;color:#1676C3}
.tabcontainer .rounded {margin-top:0;padding-top:0;border-top:0}
.tabcontainer .rounded .content {margin-top:0;padding-top:10px;}



/* contact page */
.contact-details-container {width:45%;float:left}
.contact-form-container {width:45%;float:right}
.contact-credits-container {clear:both;padding-top:2em}


/* Help menu */
.help-menu ul li.active {font-weight:bold}
.help-menu ul li a, ul.help-menu li a:visited {color:#6B6B6B}



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


/* AddThis */
.addthis {clear:both;}
#addthis_dropdown15 td {border:0}


/* Forms */
.formcontainer {padding:20px}

/* Forms - Fieldsets */
fieldset    { padding:1.2em;margin: 0 0 1em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:107%; }

/* Forms - Field containers */
.form-field		{ clear:both;padding:0.5em 0}

/* Forms - messages */
.form-help {margin: 0 0 0 11em;color:#333;font-style:italic;font-size:95%}
.form-validation {margin: 0 0 0 11em;color:#ED2727;font-style:italic;font-size:95%}

/* Forms - Labels */
.form-field label	{float:left;width:9em;margin:0 1em 0 0; white-space:nowrap; }

/* Text fields */
.form-field-text input, input.text		{ width: 20em; border:1px solid #bbb; background:#f6f6f6; padding:2px; }
.form-field-text input:focus, input.text:focus { border:1px solid #999; background:#fff; }
.form-field-password input, input.text		{ width: 20em; border:1px solid #bbb; background:#f6f6f6; padding:2px; }
.form-field-password input:focus, input.text:focus { border:1px solid #999; background:#fff; }

/* Textareas */
.form-field-textarea textarea, textarea            { width:20em; height: 10em; }
textarea            { border:1px solid #bbb; background:#f6f6f6; padding:2px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
.form-field-select select, select              { border:1px solid #ccc; background:#f6f6f6; width:20em;}
.form-field-select select:focus, select:focus        { border:1px solid #999; background:#fff; }

/* checkbox */
.form-field-checkbox {position:relative}
.form-field-checkbox label {margin:0.2em 0 0 2em;}
.form-field-checkbox input {position:absolute;left:0;margxin-left:-11em;flxoat:left}
.form-field-checkbox .form-validation {clear:both;margin:0 0 0 1em}

.form-field-id-notifications label {margin-left:0;width:10em}
.form-field-id-notifications input {position:relative}
.form-field-id-notifications .form-help {margin: 0.5em 0 0 10em }

/* radiolist */
.form-field-radiobuttonlist {clear:both}
.form-field-radiobuttonlist div.radiobuttons div {clear:left;padding: 0.2em 0}
.form-field-radiobuttonlist div.radiobuttons input {float:left; margin: 0 5px 0 0}
.form-field-radiobuttonlist div.radiobuttons label {float:left}


/* Buttons see also imported buttons.css */
.form-buttons {margin:1em 0 1em 10em;}

/* Disabled */
.form-field-disabled span {float:left;display:block; width: 21em; padding:2px;}

.force-summary .error-summary {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; background: #FBE3E4; color: #D12F19; border-color: #FBC2C4;}

/* Success, error & notice boxes for messages and errors. */
.errormsg,
.noticemsg, 
.successmsg    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.errormsg      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.noticemsg     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.successmsg    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.errormsg a    { color: #D12F19; }
.noticemsg a   { color: #817134; }
.successmsg a  { color: #529214; }

.error input,
.error select,
.error textarea
{border: solid 1px #FBC2C4}


/* Utility */
.clearfix:after		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix			{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%;}
.clearfix			{ display: block;}
/* End hide from IE-mac */

.accessibility		{ display:none}


/* Reset buttons */
.calendar .button {width:auto;margin:0;padding:2px;float:right}
.calendar .nxav {width:auto}


/* popup cal */
.calendar {z-index:2000}
.calendar .button {width:auto;float:none;display:table-cell}


span.as {content: "@";}


.message-panel {position:relative;background:#FEEB82 url(images/message-panel/bg.gif) repeat-x top left;height:30px;line-height:30px;border:solid 1px #B4A555;text-align:center}
.message-panel .close {position:absolute;left:100%;margin-left:-20px;top:11px;text-indent:-10000px;overflow:hidden;background:transparent url(images/message-panel/close.gif) no-repeat top left;width:9px;height:8px}
