body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font-size: 10pt; font-family: 'Trebuchet MS', Tahoma, Verdana;}
div.clear, span.clear {display: block; clear: both; font-size: 0px; height: 0px; line-height: 0px; border: 0px; margin: 0px; padding: 0px; }
a {color: #D77F02; text-decoration: none;}
a:hover {text-decoration: underline;}
a.image_inside span {display: none;}

/* LAYOUT */
body {background: #F1EDDD url('img/bkg.png') repeat-x; color: #342300;}
#page {position: absolute; left: 50%; top: 0; margin: 0 0 0 -360px; width: 720px;}
h1 {display: block; position: absolute; top: 0; left: 0;}
h1 a {display: block; width: 230px; height: 130px; background: url('img/logo.png') no-repeat;}
h1 a span {display: none;}

#flash {width: 720px; height: 240px; position: absolute; top: 132px; /*background: url('img/flash.jpg') no-repeat;*/}

/* MENU */
#menu {position: absolute; top: 65px; right: 5px; background: url('img/menu_bkg.png') repeat-x;}
#main_menu {background: url('img/menu_right.png') no-repeat right top; padding-right: 35px; height: 48px;}
#main_menu li {float: left; list-style: none; padding-left: 45px;}
#main_menu li a {display: block; float: left; height: 32px; padding-top: 16px;}
#main_menu li a:hover {text-decoration: none;}
#main_menu li a.act span {color: #342300;}
#main_menu li a span {color: #fff; font-weight: bold; font-size: 11pt;}
#main_menu li a:hover span {color: #342300;}

/* CONTENT */
#playground {margin-top: 388px;}

#content {}
#content div.left {width: 452px; float: left; margin: 14px 0 0 11px; margin-right: 31px;}
#content h2 {color: #fff; font-size: 12pt; background-color: #D77F02; padding: 8px 11px 6px 11px; margin-bottom: 15px;}
#content h3 {margin: 0 11px 8px 11px; font-size: 11pt;}
#content h4 {margin: 0 11px 8px 11px;}
#content p {margin: 0 11px 20px 11px; line-height: 20px; text-align: justify;}
#content ul {margin: 0 26px 30px 45px; line-height: 20px; list-style: square;}
#content ol {margin: 0 26px 30px 45px; line-height: 20px;}

#content table {}
#content table td {padding: 5px;}

#content table.images {margin-top: -15px; width: 100%;}
#content table.images td {padding: 5px; background-color: #E2DBBC; text-align: center; vertical-align: top;}
#content table.images td span {display: block; margin: 3px 0 5px 0;}
#content table.images td a span {display: none;}

#content div.right {width: 223px; float: left; background: url('img/right_bkg.png') no-repeat; padding-top: 50px;}
#content div.right .terms {text-align: center; margin-top: 10px;}
#content div.right .item {padding: 10px 20px 13px 20px; background-color: #E3DCBE; margin-bottom: 2px;}
#content div.right img {margin: 0 0 12px 0;}
#content div.right h3 {margin: 0 0 1px 0; color: #323000; line-height: 17px;}
#content div.right p {margin: 0 0 6px 0; text-align: left; color: #504D00; line-height: 17px;}
#content div.right a.order {display: block; width: 104px; height: 23px; padding-top: 5px; position: relative; top:2px; font-size: 11pt; color: #fff; font-weight: bold; text-align: center; background: url('img/right_button.png') no-repeat;}

#footer {background-color: #D1C08F; color: #fff; padding: 15px 30px 15px 33px; margin-top: 20px;}
#footer span {display: block; float: left; width: 200px;}
#footer span.contact {display: block; float: left; width: 200px; padding-top: 18px; margin-left: -15px;}

#authors {text-align: center; color: #D1C08F; margin: 5px;}
#authors a {color: #D1C08F;}

/* DATAGRID */
div.fps_info {background: #C4ECEA; color: #1C56B4; float: right; padding: 5px; border: 1px solid #fff; border-width: 0 1px 1px;}
div.fps_paging {text-align: center; margin-top: 10px;}
div.fps_paging a, div.fps_paging strong {margin: 3px; text-decoration: none;}
div.fps_paging a:hover {}
span.fipaso_sorting a {padding: 2px; background: #fff; text-decoration: none; color: #830000;}
span.fipaso_sorting a:hover {background: #830000; color: #fff;}

/* FORM */
form {}
form h3 {margin: 0 0 20px -45px;}
form div.row {padding: 0px 0; margin: 5px 0 0 25px;}
form label {float: left; line-height: 25px; width: 130px; display: block; text-align: right; margin-right: 5px;}
form h4 {margin: 20px 0 5px; border-bottom: 1px solid #D3DD89;}
form p.pretext {display: block; padding-left: 5px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form p.form_error {color: #f00000; float: left; text-align: right !important; margin: 0 !important;}

form input.checkbox {float: left; margin: 7px; width: 15px; border: 0;}
form label.radio {float: right; line-height: 26px; margin-right: 15px; width: 220px; text-align: right;}
form input.radio {border: 0; width: 15px; height: 15px; margin-top: 7px; clear: right;}

form input, form select, form textarea {border: 1px solid #D1C08F; margin: 2px; float: right; padding: 2px; width: 180px; color: #747474; margin-right: 100px;}
form textarea {width: 320px;}
form input.submit {width: 104px; height: 28px; margin: 8px 10px 10px 5px; font-size: 11pt; font-weight: bold; background: url('img/button.png') no-repeat; float: right; border: 0; color: #fff; position: relative; right: 80px;}

#div_sent .multiselect {}
#div_sent .multiselect label {width: 300px;}

/* COLORBOX */
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalBackgroundOverlay{background:#000;}

#colorbox{}
#modalContent{background:#000; margin-top:20px;}
#modalLoadedContent{background:#000; border:10px solid #000;}
#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
#contentCurrent{display:block; position: absolute; right: 0; top: -20px; color: #fff;}
#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(img/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(img/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentNext:hover, #contentNext.hover{background-position:bottom right;}
/*#modalLoadingOverlay{background:url(img/colorbox/loading.gif) center center no-repeat #000;}*/
#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(img/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#modalClose:hover, #modalClose.hover{background-position:bottom center;}