/** the Holly hack. See http://www.positioniseverything.net/explorer/escape-floats.html */
/* \*/
* html .nav1 { height: 1%; }
* html .nav2 { height: 1%; }
* html #maincontent { height: 1%; }
* html .popupmain { height: 1%; }
* html #content { height: 1%; }
* html #content-fullwidth { height: 1%; }
* html .item { height: 1%; }
* html .row { height: 1%; }
* html .dummy-twocol-left { height: 1%; }
* html .dummy-twocol-right { height: 1%; }
/* */
/* end of the Holly hack */

body {
	margin: 0;
    padding: 0;
	color: #000;
	background-color: #FFF;
	font-weight: normal;
	font-size: 0.7em; /* 0.7 em <=> 12px */
	font-family: Verdana, Arial, sans-serif;
}
body:lang(zh),body:lang(ja) {
    font-size: 80%;
}
input, select, textarea {
	font-weight: normal;
	font-size: 1em;
	font-family: verdana, sans-serif;
}
input, select {
	vertical-align: middle;
}

.box {
	padding: 0.8em;
	margin: 1em 0 0.5em 0;
}
.row {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.dummy {
	margin: 0;
	padding: 0;
}
.dummy-twocol-left {
	width: 48%;
	float: left;
	margin: 0;
	padding: 0;
	border-width: 0;
}
.dummy-twocol-right {
	width: 48%;
	float: right;
	margin: 0;
	padding: 0;
	border-width: 0;
}
.no-dummy {
	padding: 0.5em ! important;
}

img.thumbnail {
    vertical-align: middle;
    display: block;
	width: 75px;
	height: 75px;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #ccc;
	margin: 0 auto 0 auto;
}

/** LIST *********************************/

.list {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
	z-index:3;
	width: 100%;
}
.list img {
	vertical-align: middle;
}
.list table {
	font-family: inherit;
	font-size: 100%;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}
.list table.offer {
    line-height: 160%;
}
.list table.offer input {
    vertical-align: top;
    padding: 0px;
    margin-bottom: -3px;
}

.list table th {
	background-color: #f0f0f0;
	background: url("../graphics/style/table-header.gif") repeat-x left bottom;
	color: #000;
	vertical-align: middle;
	font-weight: bold;
	padding: 4px 0 10px 4px;
}
.list table th.dynamic {
    cursor: pointer;
}
.list table th.static {
    cursor: default;
}
.list table th a {
	color: #000;
	text-decoration: none;
}
.list table th img {
	margin-right: 0.6em;
}
.list table td {
	padding: 5px;
	vertical-align: top;
	border-bottom: #e4e4e4 1px solid;
}
.list table td.void {
    border: 0px;
}
.list table tr.even {
	background-color: #fff ! important;
}
.list table tr.odd {
	background-color: #f8f8f8 ! important;
}
.list table tr.editeven {
	display: none;
}
.list table tr.editodd {
	display: none;
}
.list table tr.editeven td {
	background-color: #fff;
	border-bottom: #8a8a8a 2px solid;
}
.list table tr.editodd td {
	background-color: #f8f8f8;
	border-bottom: #8a8a8a 2px solid;
}
.list table .rowgroupend {
	border-bottom-width: 3px;
}
.list table td.last {
	border-top: #8a8a8a 2px solid;
	border-bottom-width: 0;
}
.list table td.rightalign, .list table th.rightalign {
	text-align: right ! important;
	padding-right: 0.5em;
}
.list table .pagedlinks {
	padding-left: 0.1em;
	padding-right: 0.1em;
}
.list table .bold {
	font-weight: bold;
}

.list .thumbbox {
    position: relative;
	top: 0px;
	left: 0px;
	display: inline;
	text-align: center;
	width: 125px;
	margin: 0 10px 10px 0;
	float: left;
}

.list table img.thumbnail {
    margin: 0;
}

.list .thumbbox p {
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
}

.list2 {
	width: 70%;
}
.list2 table {
	font-family: inherit;
	font-size: inherit;
	padding: 0px;
	border-collapse: collapse;
}
.list2 table .bold {
	font-weight: bold;
}
.list2 table td {
	padding: 5px;
}

/*** ITEMS *****/

.item {
	padding: 0.8em;
	margin: 1em 0 0.5em 0;
	border: 1px solid #e4e4e4;
	background-color: #f8f8f8;
}
.item img {
	float: left;
	margin: 1em;
}
.item h3 {
	color: #000;
	float: left;
	clear: none;
	width: auto;
	border-width: 0;
	padding-right: 1em;
}
.item p {
    margin: 0.5em;
}
.item table {
	width: 100%;
	font-family: inherit;
	font-size: 100%;
	padding: 0;
	margin: 0;
}
.item table tr {
	padding: 0;
	margin: 0;
}
.item table td {
	padding: 0;
	margin: 0;
	float: none;
	vertical-align: top;
}
.item table td.thumb {
    width: 0.1em;
}
.item table td.actions {
    width: 0.1em;
}
.item table td.description {
    padding: 0.4em;
}
.item table td.info ul {
	padding: 0;
	margin: 0.5em 1em 0 1em;
	float: left;
	clear: none;
}
.item table td.info ul li {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 0.5em;
	padding: 0;
}
.item table td.actions ul {
	float: right;
	clear: none;
	padding: 0;
	margin: 0 0 0 2em;
}
.item table td.actions ul li {
	padding: 0.3em 0;
	margin: 0;
	white-space: nowrap;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: inside;
	color: #0077dd;
}
.item table td.actions ul li.unauthorized,
.item table td.actions ul li.unauthorized a {
    color: #f8f8f8;
    visibility: hidden;
}
.item table td.actions ul li a {
	white-space: nowrap;
}

/** OTHERS *********************************/


.debug {
	border: 1px solid black;
	color: #F00;
	text-align: justify;
	float: right;
	display: none;
	z-index: 10;
	font-family: monospace;
	border: 2px dashed #F00;
	background-color: #FFF;
	margin: 0 0 1em 1em;
	padding: 0.2em;
}
.spacer {
	clear: both;
}
.break {
	margin: 10px 0px 20px 0px;
}
.center {
    text-align: center ! important;
}
img, a img {
	margin: 0.1em;
    border: none;
}
.nowrap {
	white-space: nowrap;
}
.sort-arrow {
	width: 11px;
	height: 11px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
}
.sort-arrow.descending {
	background-image: url("/graphics/style/downsimple.png");
}
.sort-arrow.ascending {
	background-image: url("/graphics/style/upsimple.png");
}

/** TABLES **/
table.nomargin,
table.nopadding {
    border-collapse: collapse;
}
table.nopadding td {
    padding: 0;
}
table.nomargin td {
    margin: 0;
}
table.ie5tablebug {
    font-size: 100%;
}
table th,
table td {
	text-align: left;
}
table td.center {
	text-align: center;
}
table td.smallest {
    width: 0.1em;
}

/*	ERROR  ------------------------------------- */

.error-message {
	color: #993333;
	line-height: 13px;
	border: 1px solid #C3CFDB;
	background-color: #EEE;
	text-align: justify;
	margin: 0 0 0.8em 0.8em;
	padding: 0.2em;
}

.valid-message {
	color: #339900;
	line-height: 13px;
	border: 1px solid #C3CFDB;
	background-color: #EEE;
	text-align: justify;
	margin: 0 0 0.8em 0.8em;
	padding: 0.2em;
}

.wait-message {
    font-weight: bold;
	text-align: center;
	padding: 5em;
	line-height: 150%;
}



/** FORMS *********************************/

.box form {
	width: 90%;
}
form .row {
	padding: 0.2em;
}
form .row textarea {
	width: 90%;
}
form .name {
	font-weight: bold;
}
.label {
	float: left;
	width: auto;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
}
form .error {
	color: #f00;
	font-weight: bold;
	font-size: 95%;
}

textarea.small {
	height: 5em;
}
textarea.medium {
	height: 10em;
}
textarea.large {
	height: 20em;
}
textarea.big {
    width: 700px;
	height: 20em;
}
input.small {
	width: 10em;
}
input.medium {
	width: 25em;
}
input.large {
	width: 30em;
}
input.big {
	width: 100%;
}
input.alone {
	margin: 0.5em;
}
/*	WIIIIIIIIDE ------------------------------------- */
form .wide {
	background: transparent;
	padding: 0;
}
form .wide .formelement {
	width: 100%;
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 95%;
	background: transparent;
}
form .wide .formelement .name {
	text-align: left;
	font-weight: bold;
	float: left;
	width: 30%;
}
form .wide .formelement .larger-name {
	width: 50%;
}
form .wide .formelement .name br {
	display: none;
}
form .wide .formelement .value,
form .wide .formelement .submit,
form .wide .formelement .textareavalue {
	float: left;
	text-align: left;
	clear: none;
	margin-left: 1em;
}
form .wide .formelement .legend-name {
	text-align: left;
	font-weight: bold;
	float: left;
	width: 45%;
}
form .wide .formelement .submit-textarea {
    text-align: center;
    width: 90%;
}
form .wide .formelement .submit-textarea span {
    margin: 0.5em 10px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
}
form .wide .formelement .textareavalue textarea {
	width: 95% ! important;
}
form .wide .formelement .value input {
	text-align: left;
}
form .wide .formelement .submit input {
	text-align: center;
	width: auto;
}
form .wide .formelement .value input.small {
	width: 2.9em;
}
form .wide .formelement .value select {
	vertical-align: middle;
}
form .wide select {
}
form .wide input {
	width: auto;
}
form .wide .formelement .filevalue {
	text-align: left;
	float: right;
	padding-left: 5%;
	width: 65%;
}
form .wide .formelement .filevalue input {
	width: 65%;
}
form .wide .error {
	color: #f00;
	font-weight: bold;
	font-size: 95%;
}
form .wide .hint {
	margin: 0 2em 0.4em 0;
	padding-bottom: 1em;
}

form .wide .formelement .full {
	text-align: left;
	font-weight: bold;
	float: left;
	width: 100%;
}

form .wide .formelement .full-submit {
	text-align: center;
	font-weight: bold;
	float: left;
	width: 40%;
}

/* ACTION BOX */

form .action .formelement {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	clear: left;
	width: 100%;
}
form .action .formelement .name {
	text-align: left;
	font-weight: bold;
	float: left;
	width: 20%;
}
form .action .formelement .name br {
	display: none;
}
form .action .formelement .value {
	text-align: left;
	float: left;
	margin-left: 1em;
}
form .action .formelement .value input {
	text-align: left;
}
form .action select {
}
form .action input {
}
form .action .formelement .filevalue {
	text-align: left;
	float: right;
	width: 65%;
}
form .action .formelement .filevalue input {
}
form .action .error {
	color: #f00;
	font-weight: bold;
	font-size: 95%;
}
form .action label.floated-checkbox-list {
    float: left;
    /*width: 1%;*/
    padding: 0.5em 1em 0.5em 1em;
}
form .action .formelement .submit-textarea {
    text-align: center;
    width: 90%;
    display: block;
}

/*	'new post' form ------------------------------------- */

form .newpost .formelement {
	width: 100%;
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.8em;
	font-size: 95%;
	background: transparent;
}
form .newpost .formelement .name {
	text-align: left;
	font-weight: bold;
	float: left;
	width: 25%;
}
form .newpost .formelement .name br {
	display: none;
}
form .newpost .formelement .value {
	text-align: left;
	float: left;
	width: auto ! important;
}
form .newpost textarea.newposteditor {
	width: 99%;
	height: 35em;
	float: right;
}
form .newpost textarea.newpostsummary {
	width: 99%;
	height: 15em;
	float: right;
}
form .newpost .editorcontainer {
    width: 95%;
    float: left;
}
form .newpost .commentcontainer {
    width: auto;
    float: left;
}

form .newpost .formelement .filevalue {
	text-align: left;
	float: right;
	padding-left: 5%;
	width: 65%;
}
form .newpost .formelement .filevalue input {
	width: 65%;
}
form .newpost .error {
	color: #f00;
	font-weight: bold;
	font-size: 95%;
}
form .newpost .hint {
	margin: 0 2em 0.4em 0.5em;
}

form table.design {
    font-family: inherit;
	font-size: 100%;
	border-collapse: collapse;
	text-align: left;
}

form table.design td {
	text-align: left;
	padding-left: 3px;
	padding-right: 7px;
}

form table.design img {
    display: block;
	text-align: left;
}

form table.design input {
    display: block;
	text-align: left;
	margin-left: 40px;
}

form table.design input[type="file"] {
    margin-left: 0px;
}

form table.design input {
    margin-left: expression(this.type=="file"?'0px':'');
}

.validation-failure {
    background-color: #ffc4c4;
    border: 1px solid #f00;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
    text-align: center;
}
.validation-success {
    background-color: #d0f9b5;
    border: 1px solid #5dcb34;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
    text-align: center;
}


body {
    padding: 0;
	margin: 0 0 20px 0;
    font-family: Verdana, sans-serif;
	color: #000;
	font-weight: normal;
	font-size: 0.7em; /* 0.7 em <=> 12px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #A8D4ED;
    text-align: center;
}
body:lang(zh) {
    font-size: 90%;
}
body.help {
    background-color: #fff;
}
img {
    border-width: 0;
}
a {
    color: #0078C8;
    font-weight: bold;
}

#hometitle {
    display: none;
}
#colorbar {
    background: url(../graphics/portal/banner-bar.png) transparent repeat-x 0 0;
    height: 17px;
    padding: 0;
    margin: 0;
	text-align: left;
}
#wrapper {
    width: 782px;
    margin: 0;
    padding: 0;
	text-align: left;
    margin: 0 auto 0 auto;
    background-color: transparent;
}
#wrapper-popup {
    margin: 0;
    padding: 10px 20px 20px 20px;
	text-align: left;
    position: relative;
    z-index: 30;
    height: 280px;
    overflow: auto;
}
#wrapper-popup img {
    float: left;
    margin: 1em 3em 2em 0;
}
#wrapper-popup h2 {
    padding-top: 0;
    margin-top: 0;
}
#wrapper-popup pa {
    padding: 0;
    margin: 0 1em 0 0;
}

#wrapper .portal-decorator {
    background: transparent url("../graphics/portal/portal-rails.png") repeat-y 0% 0%;
    width: 782px;
    padding: 0;
}

#container-nocol {
    width: 782px;
    margin: 0;
    text-align: left;
    padding: 0;
    color: #000;
    background: transparent url("../graphics/portal/portal-top.png") no-repeat 0% 0%;
    font-family: Tahoma, sans-serif;
}
#container-nocol #main {
    width: 742px;
    margin: 0;
    padding: 20px 20px 40px 20px;
    background: transparent url("../graphics/portal/portal-bottom.png") no-repeat 0% 100%;
}


#container-nocol #home {
    width: 742px;
    margin: 0;
    padding: 20px 5px 40px 5px;
    background: transparent url("../graphics/portal/portal-bottom.png") no-repeat 0% 100%;
}

/* HP */

#container-nocol #home {
    width: auto;
    text-align: left;
    color: #0160A0;
    font-family: Tahoma, sans-serif;
    padding-left: 0;
    padding-right: 0;
}

#home .home-decorator {
    margin-top: -15px;
    background: transparent url("../graphics/portal/home-bg.png") no-repeat 1px 0px;
    padding-bottom: 5px;
}

#container-nocol #home .left {
    margin-top: 20px;
    float: left;
    width: 440px;
    padding: 0;
}

#container-nocol #home .right {
    float: left;
    width: 320px;
    padding: 0;
}

#home h1 {
    font-size: 220%;
    padding: 0px 20px 20px 150px;
    font-weight: normal;
    letter-spacing: 0.04em;
}
#home h2 {
    margin: 15px auto 15px auto;
    text-align: center;
}
#home p {
    font-size: 120%;
    font-weight: bold;
    padding: 20px 10px 20px 20px;
}
#home .link-note {
    text-align: center;
    margin: 25px auto 25px auto;
}

/* inner portal */

#content {
    margin-right: 225px; /* = rightcolumn.width */
    margin-left: 0;
    padding: 0;
}
#leftcolumn {
    width: 185px; /* 225-2*20 */
    float: left;
    padding: 20px 5px 20px 20px;
    margin-right: 0;
    margin-left: 0;
}
#rightcolumn {
    width: 215px;
    padding: 20px 5px 20px 5px;
    float: right;
    margin-right: 0;
    margin-left: 0;
    margin-top: -0.5em;
}
#footer {
	text-align: center;
	font-size: 90%;
	padding: 1em;
}
input.colorizedbutton {
    background-color: #5A4099;
    border: 2px solid #bbb1dd;
    font-weight: bold;
    font-size: 90%; /* for IE */
    font-size: inherit; /* for Moz */
    color: white ! important;
    padding: 0.1em 0.7em;
    text-decoration: none ! important;
    vertical-align: middle;
}
#main h1 {
    color: #FF6600;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid #FF6600;
    padding-bottom: 3px;
    padding-top: 3px;
    /*
    padding-left: 25px;
    background: transparent url("../graphics/portal/green-bullet.png") no-repeat 0px  0.3em;
    */
}
#main h2 {
    color: #FF6600;
    font-size: 115%;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #FF6600;
    padding-bottom: 3px;
    padding-top: 3px;
    /*
    padding-left: 28px;
    background: transparent url("../graphics/portal/blue-bullet.png") no-repeat 3px  0.3em;
    */
}
#main h5, #leftcolumn h5, #rightcolumn h5 {
    color: #C2E066;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 9px;
    padding-top: 2px;
    margin-top: 0;
    border-bottom: 2px solid #C2E066;
}
#main h3 {
    font-size: 105%;
    margin: 0;
    padding: 0;
}
#main p, #leftcolumn p, #rightcolumn p {
    line-height: 150%;
}
#main .news h2 {
	color: #000;
    font-size: 100%;
    font-weight: bold;
	border-width: 0;
    width: auto;
}
#main .news .signature {
	float: right;
	font-style: italic;
}
#main ul, #leftcolumn ul, #rightcolumn ul {
    margin: 0;
    padding: 0;
}
#main ul li, #leftcolumn ul li, #rightcolumn ul li {
    text-decoration: none;
    padding: 0.3em 0 0.4em 0;
    margin: 0;
    list-style-type: none;
}
#main ol li {
    padding: 0.1em 0 0.2em 0;
    line-height: 150%;
}
#main ul.searchresult li {
    list-style-type: disc;
    padding-left: 1em;
    margin-left: 1em;
}
#leftcolumn dl ul {
    padding: 0 15px 0 15px;
    margin: 0;
}
#leftcolumn dl ul li {
    text-decoration: none;
    padding: 0.3em 0 0.4em 0;
    list-style-type: none;
}
#leftcolumn dl p {
    margin: 0;
    padding: 0 15px 0 15px;
    line-height: 150%;
}
#leftcolumn dl.type1 {
    margin: 0;
    padding: 0 0 30px 0;
    width: 188px;
    color: #5a4099;
    background: transparent url(../graphics/portal/features-bottom.gif) no-repeat scroll left bottom;
}
#leftcolumn dl.type1 a {
    color: #5a4099;
}
#leftcolumn dl.type1 dt {
    margin: 0;
    padding: 15px 10px 1px 25px;
    font-size: 120%;
    font-weight: bold;
    height: 25px;
    background: transparent url(../graphics/portal/features-top.gif) no-repeat scroll left top;
}
#leftcolumn dl.type1 dd.en {
    margin: 0;
    padding: 1px 10px 1px 10px;
    background: transparent url(../graphics/portal/features-middle-en.gif) repeat-y scroll left bottom;
}
#leftcolumn dl.type1 dd.fr {
    margin: 0;
    padding: 1px 10px 1px 10px;
    background: transparent url(../graphics/portal/features-middle-fr.gif) repeat-y scroll left bottom;
}
#leftcolumn dl.type2 {
    margin: 0;
    padding: 0 0 30px 0;
    width: 188px;
    color: #5a4099;
    background: transparent url(../graphics/portal/bs-bottom.gif) no-repeat scroll left bottom;
}
#leftcolumn dl.type2 a {
    color: #5a4099;
}
#leftcolumn dl.type2 dt {
    margin: 0;
    padding: 15px 10px 1px 25px;
    font-size: 120%;
    font-weight: bold;
    height: 25px;
    background: transparent url(../graphics/portal/bs-top.gif) no-repeat scroll left top;
}
#leftcolumn dl.type2 dd {
    margin: 0;
    padding: 1px 10px 1px 10px;
    background: transparent url(../graphics/portal/bs-middle.gif) repeat-y scroll left bottom;
}

.features img.left {
    float: left;
    margin: 1em 1em 1em 0;
    padding: 3px;
    border: 1px solid #000;
}
.features img.right {
    float: right;
    margin: 1em 0 1em 1em;
    padding: 3px;
    border: 1px solid #000;
}
.features h2 {
    clear: both;
}

#listing h4 {
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 9px;
    padding-top: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

#listing ul li {
    list-style-type: disc;
    margin-left: 2em;
    padding-left: 0.5em;
    line-height: 140%;
}

#listing ul li ul li {
    list-style-type: circle;
    margin-top: 0.2em;
    line-height: 130%;
}

#listing dl {
    margin: 0 0 0 4em;
    padding: 0;
}
#listing dt {
    font-weight: bold;
    color: #222;
    padding: 0.8em 0 0.5em 0;
}
#listing dd {
    border-left: 1px solid #ccc;
    margin: 0.5em 0 1em 2em;
    padding: 0em 0 0.9em 1em;
    line-height: 150%;
}
#subscribe-process {
    float: right;
    margin: 2em 0 2em 0;
}

#subscribe-process img {
    vertical-align: middle;
    margin: 0 0.5em 0.2em 0.5em;
}

#subscribe-process h5 {
    display: inline;
    text-decoration: none;
    border: 0px;
}

#subscribe-process h5.off {
    color: #d9d9d9;
}

p#communities-list {
    text-align: center;
    width: 95%;
    margin-left: 30px;
}

p#communities-list a {
    text-decoration:none;
    line-height: 150%;
    padding-bottom: 2px;
}

p#communities-list a:hover,
p#communities-list a:active {
    text-decoration:underline;
    padding-bottom: 2px;
}

#header-portal-light,
#header-portal {
    background: url(../graphics/portal/banner-bg.png) transparent no-repeat 0px 0px;
    height: 90px;
    padding: 0;
    margin: 0;
    font-size: 90%;
	text-align: left;
	margin: 8px auto 0 auto;
	width: 782px;
}

#header-portal-light #logobox,
#header-portal #logobox {
    width: 300px;
    height: 75px;
    padding: 0;
    margin: 0;
    z-index: 6;
    margin-left: 10px;
}
#header-portal #linkbox {
    width: 310px;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 220px;
    top: 20px;
    color: white;
	font-weight: bold;
    overflow: hidden;
    z-index: 10;
}
#header-portal #linkbox ul {
    padding: 0 0 0 1em;
    margin: 0 0 0 1em;
}
#header-portal #linkbox ul li {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
#header-portal #linkbox ul li a {
    color: #fff;
    text-decoration: none;
}
#header-portal #loginbox {
    padding: 0;
    margin: 0;
    color: #0099FF;
	font-weight: bold;
    overflow: visible;
    width: 285px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: -75px;
    margin-left: 500px;
}
#header-portal #loginbox form {
    padding: 0;
    margin: 0;
    position: relative;
    bottom: -5px;
}

#header-portal #loginbox table {
    color: #0099FF;
	font-family: inherit;
	font-size: 100%;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}
#header-portal #loginbox th {
    padding-bottom: 1.1em;
    text-align: left;
}
#header-portal #loginbox a {
    color: #0099FF;
    padding-left: 1.5em;
}
#header-portal #loginbox input.colorizedbutton {
    background-color: #CCFF66;
    border: 2px solid #CCFF66;
    color: #0099FF ! important;
    font-weight: bold;
    font-size: 90%; /* for IE */
    font-size: inherit; /* for Moz */
    padding: 0.1em 0.7em;
    text-decoration: none ! important;
    vertical-align: middle;
}
#banner {
    display: none;
}
/** POPUP **/
#wrapper-popup {
    margin: 0;
    padding: 10px 20px 20px 20px;
	text-align: left;
    position: relative;
    z-index: 30;
    height: 280px;
    overflow: auto;
}
#wrapper-popup img {
    float: left;
    margin: 1em 3em 2em 0;
}
#wrapper-popup h2 {
    padding-top: 0;
    margin-top: 0;
}
#wrapper-popup p {
    padding: 0;
    margin: 0 1em 0 0;
}
#header-popup img {
    margin-top: 5px;
}

/** ADMIN **/

#header-admin {
	margin: 0;
	padding: 0;
    background-color: transparent;
	float: none;
	display: block;
	width: 765px;
	height: 96px;
	text-align: left;
}
#header-admin .row {
    float: left;
	display: block;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
#header-admin .row .lefthalf {
	float: left;
	text-align: left;
	width: 49%;
}
#header-admin .row .righthalf {
	float: right;
	text-align: right;
	width: 49%;
}
#header-admin .row .first {
    padding-top: 10px;
}
#header-admin .row .second {
}
#header-admin .row .third {
}
#header-admin #logo {
    position: relative;
    top: 1em;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

#notifications {
}

#notifications .info {
    background-color: #d0f9b5;
    border: 1px solid #5dcb34;
    padding: 0.5em 3em;
    margin-bottom: 10px;
    /*background: #fff url("../graphics/style/notification-info.png") no-repeat 20px 1.2em;*/
}

#notifications .warning {
    background-color: #ffc4c4;
    border: 1px solid #f00;
    padding: 0.5em 3em;
    margin-bottom: 10px;
    /*background: #fff url("../graphics/style/notification-warning.png") no-repeat 20px 1.2em;*/
}