/**
* @version $Id: general.css 14401 2010-01-26 14:10:00Z louis $
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

/**
 * Joomla! 1.5 Admin template main css file
 *
 * @author		Andy Miller <andy.miller@joomla.org>
 * @package		Joomla
 * @since		1.5
 * @version    1.0
 */

/* -- General styles ------------------------------ */





body {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    font-size: 11px;
    margin: 10px;
    padding: 0 0 1px;
}
body, td, th {
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 95%;
}
#minwidth {
    min-width: 960px;
}
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
}
a, img {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
form {
    margin: 0;
    padding: 0;
}
h1 {
    color: rgb(11, 85, 196);
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 8px;
}
h3 {
    font-size: 13px;
}
a:link {
    color: rgb(11, 85, 196);
    text-decoration: none;
}
a:visited {
    color: rgb(11, 85, 196);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
fieldset {
    border: 1px solid rgb(204, 204, 204);
    margin-bottom: 10px;
    padding: 5px;
    text-align: left;
}
fieldset p {
    margin: 10px 0;
}
legend {
    color: rgb(11, 85, 196);
    font-size: 12px;
    font-weight: bold;
}
input, select {
    border: 1px solid silver;
    color: rgb(34, 34, 34);
    font: 10pt Arial,Helvetica,sans-serif;
}
textarea {
    border: 1px solid silver;
    color: rgb(34, 34, 34);
    font: 10pt Arial,Helvetica,sans-serif;
}
button {
    font-size: 10px;
    font-weight: normal;
}
input.disabled {
    background-color: rgb(240, 240, 240);
}
input.button {
    cursor: pointer;
}
input:focus, select:focus, textarea:focus {
    background-color: rgb(255, 255, 221);
}
input[readonly], select[readonly], textarea[readonly] {
    background-color: rgb(240, 240, 240);
}
input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"] {
    background-color: rgb(240, 240, 240);
}
#border-top.h_green {
    background: url("../../../images/administrator/j_header_middle.png") repeat-x scroll 0 0 transparent;
}
#border-top.h_green div {
    background: url("../../../images/administrator/j_header_right.png") no-repeat scroll 100% 0 transparent;
}
#border-top.h_green div div {
    background: url("../../../images/administrator/j_header_left.png") no-repeat scroll 0 0 transparent;
    height: 54px;
}
#border-top.h_teal {
    background: url("../images/h_teal/j_header_middle.png") repeat-x scroll 0 0 transparent;
}
#border-top.h_teal div {
    background: url("../images/h_teal/j_header_right.png") no-repeat scroll 100% 0 transparent;
}
#border-top.h_teal div div {
    background: url("../images/h_teal/j_header_left.png") no-repeat scroll 0 0 transparent;
    height: 54px;
}
#border-top.h_cherry {
    background: url("../images/h_cherry/j_header_middle.png") repeat-x scroll 0 0 transparent;
}
#border-top.h_cherry div {
    background: url("../images/h_cherry/j_header_right.png") no-repeat scroll 100% 0 transparent;
}
#border-top.h_cherry div div {
    background: url("../images/h_cherry/j_header_left.png") no-repeat scroll 0 0 transparent;
    height: 54px;
}
#border-top .title {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: bold;
    line-height: 44px;
    padding-left: 50px;
}
#border-top .headingwel {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: bold;
    padding-left: 250px;
    line-height: 44px;
    padding-left: 250px;
	margin-bottom:100px;
	padding-bottom:20px;
	vertical-align:middle;
}
#border-top .brandimg {
    color: rgb(255, 255, 255);
    display: block;
    float: right;
    padding: 0px 5px 0 0;
}
#border-top .version {
    color: rgb(255, 255, 255);
    display: block;
    float: right;
    padding: 0px 5px 0 0;
}
#border-bottom {
    background: url("../../../images/administrator/j_bottom.png") repeat-x scroll 0 0 transparent;
}
#border-bottom div {
    background: url("../../../images/administrator/j_corner_br.png") no-repeat scroll 100% 0 transparent;
}
#border-bottom div div {
    background: url("../../../images/administrator/j_corner_bl.png") no-repeat scroll 0 0 transparent;
    height: 11px;
}
#footer .copyright {
    margin: 10px;
    text-align: center;
}
#header-box {
    background: none repeat scroll 0 0 rgb(240, 240, 240);
    border: 1px solid rgb(204, 204, 204);
}
#content-box {
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
}
#content-box .padding {
    padding: 10px 10px 0;
}
#toolbar-box {
    background: none repeat scroll 0 0 rgb(251, 251, 251);
    margin-bottom: 10px;
}
#submenu-box {
    background: none repeat scroll 0 0 rgb(246, 246, 246);
    margin-bottom: 10px;
}
#submenu-box .padding {
    padding: 0;
}
#module-status {
    float: right;
}
#module-status span {
    display: block;
    float: left;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 4px 10px 0 22px;
}

/*
#module-status {
    background: url("../../../images/administrator/mini_icon.png") no-repeat scroll 3px 5px transparent;
}
*/

.legacy-mode {
    color: rgb(204, 0, 0);
}
#module-status .preview {
    background: url("../images/menu/icon-16-media.png") no-repeat scroll 3px 3px transparent;
}
#module-status .unread-messages, #module-status .no-unread-messages {
    background: url("../images/menu/icon-16-messages.png") no-repeat scroll 3px 3px transparent;
}
#module-status .unread-messages a {
    font-weight: bold;
}
#module-status .loggedin-users {
    background: url("../images/menu/icon-16-user.png") no-repeat scroll 3px 3px transparent;
}
/*
#module-status .logout {
    background: url("../images/menu/icon-16-logout.png") no-repeat scroll 3px 3px transparent;
}
*/
span.note {
    background: none repeat scroll 0 0 rgb(255, 255, 221);
    color: rgb(102, 102, 102);
    display: block;
    padding: 5px;
}
.ol-foreground {
    background-color: rgb(255, 255, 238);
}
.ol-background {
    background-color: rgb(109, 176, 60);
}
.ol-textfont {
    color: rgb(102, 102, 102);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.ol-captionfont {
    color: rgb(255, 255, 255);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.ol-captionfont a {
    color: rgb(11, 95, 198);
    text-decoration: none;
}
.ol-closefont {
}
div.header {
    background-repeat: no-repeat;
    color: rgb(11, 85, 196);
    font-size: 22px;
    font-weight: bold;
    line-height: 48px;
    margin-left: 10px;
    padding-left: 55px;
}
div.header span {
    color: rgb(102, 102, 102);
}
div.configuration {
    background-image: url("../images/menu/icon-16-config.png");
    background-repeat: no-repeat;
    color: rgb(11, 85, 196);
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 10px;
    padding-left: 30px;
}
div.toolbar {
    float: right;
    padding: 0;
    text-align: right;
}
table.toolbar {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
table.toolbar td {
    color: rgb(102, 102, 102);
    height: 48px;
    padding: 1px 1px 1px 4px;
    text-align: center;
}
table.toolbar td.spacer {
    width: 10px;
}
table.toolbar td.divider {
    border-right: 1px solid rgb(238, 238, 238);
    width: 5px;
}
table.toolbar span {
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
table.toolbar a {
    border: 1px solid rgb(251, 251, 251);
    cursor: pointer;
    display: block;
    float: left;
    padding: 1px 5px;
    white-space: nowrap;
}
table.toolbar a:hover {
    border-color: rgb(238, 238, 238) rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238);
    border-left: 1px solid rgb(238, 238, 238);
    border-style: solid;
    border-width: 1px;
    color: rgb(11, 85, 196);
    text-decoration: none;
}
td#mm_pane {
    width: 90%;
}
input#mm_subject {
    width: 200px;
}
textarea#mm_message {
    width: 100%;
}
.pane-sliders .title {
    color: rgb(102, 102, 102);
    cursor: pointer;
    margin: 0;
    padding: 2px;
}
.pane-sliders .panel {
    border: 1px solid rgb(204, 204, 204);
    margin-bottom: 3px;
}
.pane-sliders .panel h3 {
    background: none repeat scroll 0 0 rgb(246, 246, 246);
    color: rgb(102, 102, 102);
}
.pane-sliders .content {
    background: none repeat scroll 0 0 rgb(246, 246, 246);
}
.pane-sliders .adminlist {
    border: 0 none;
}
.pane-sliders .adminlist td {
    border: 0 none;
}
.jpane-toggler span {
    background: url("../../../images/administrator/j_arrow.png") no-repeat scroll 5px 50% transparent;
    padding-left: 20px;
}
.jpane-toggler-down span {
    background: url("../../../images/administrator/j_arrow_down.png") no-repeat scroll 5px 50% transparent;
    padding-left: 20px;
}
.jpane-toggler-down {
    border-bottom: 1px solid rgb(204, 204, 204);
}
dl.tabs {
    float: left;
    margin: 10px 0 -1px;
    z-index: 50;
}
dl.tabs dt {
    background: none repeat scroll 0 0 rgb(240, 240, 240);
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
    color: rgb(102, 102, 102);
    float: left;
    margin-left: 3px;
    padding: 4px 10px;
}
dl.tabs dt.open {
    background: none repeat scroll 0 0 rgb(249, 249, 249);
    border-bottom: 1px solid rgb(249, 249, 249);
    color: rgb(0, 0, 0);
    z-index: 100;
}
div.current {
    border: 1px solid rgb(204, 204, 204);
    clear: both;
    padding: 10px;
}
div.current dd {
    margin: 0;
    padding: 0;
}
#cpanel div.icon {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
}
#cpanel div.icon a {
    border: 1px solid rgb(240, 240, 240);
    color: rgb(102, 102, 102);
    display: block;
    float: left;
    height: 97px;
    text-decoration: none;
    vertical-align: middle;
    width: 108px;
}
#cpanel div.icon a:hover {
    background: none repeat scroll 0 0 rgb(249, 249, 249);
    border-color: rgb(238, 238, 238) rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238);
    border-left: 1px solid rgb(238, 238, 238);
    border-style: solid;
    border-width: 1px;
    color: rgb(11, 85, 196);
}
#cpanel img {
    margin: 0 auto;
    padding: 10px 0;
}
#cpanel span {
    display: block;
    text-align: center;
}
div.col {
    float: left;
}
div.width-45 {
    width: 45%;
}
div.width-55 {
    width: 55%;
}
div.width-50 {
    width: 50%;
}
div.width-70 {
    width: 70%;
}
div.width-30 {
    width: 30%;
}
div.width-60 {
    width: 60%;
}
div.width-40 {
    width: 40%;
}
table.admintable td {
    padding: 3px;
}
table.admintable td.key, table.admintable td.paramlist_key {
    background-color: rgb(246, 246, 246);
    border-bottom: 1px solid rgb(233, 233, 233);
    border-right: 1px solid rgb(233, 233, 233);
    color: rgb(102, 102, 102);
    font-weight: bold;
    text-align: right;
    width: 140px;
}
table.paramlist td.paramlist_description {
    background-color: rgb(246, 246, 246);
    border-bottom: 1px solid rgb(233, 233, 233);
    border-right: 1px solid rgb(233, 233, 233);
    color: rgb(51, 51, 51);
    font-weight: normal;
    text-align: left;
    width: 170px;
}
table.admintable td.key.vtop {
    vertical-align: top;
}
table.adminform {
    background-color: rgb(249, 249, 249);
    border: 1px solid rgb(213, 213, 213);
    font-size: 1.1em;
    margin: 8px 0 15px;
    width: 100%;
}
table.adminform.nospace {
    margin-bottom: 0;
}
table.adminform tr.row0 {
    background-color: rgb(249, 249, 249);
}
table.adminform tr.row1 {
    background-color: rgb(238, 238, 238);
}
table.adminform th {
    background-repeat: repeat;
    color: rgb(0, 0, 0);
    font-size: 11px;
    height: 25px;
    padding: 6px 2px 4px 4px;
    text-align: left;
}
table.adminform td {
    padding: 3px;
    text-align: left;
}
table.adminform td.lable {
    font-weight: bold;
    padding: 3px;
    text-align: left;
}
table.adminform td.filter {
    text-align: left;
}
table.adminform td.helpMenu {
    text-align: right;
}
fieldset.adminform {
    border: 1px solid rgb(204, 204, 204);
    margin: 0 10px 10px;
}
table.adminlist {
    background-color: rgb(231, 231, 231);
    border-spacing: 1px;
    color: rgb(102, 102, 102);
    width: 100%;
}
table.adminlist td, table.adminlist th {
    padding: 4px;
}
table.adminlist thead th {
    background: none repeat scroll 0 0 rgb(240, 240, 240);
    border-bottom: 1px solid rgb(153, 153, 153);
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    text-align: center;
}
table.adminlist thead a:hover {
    text-decoration: none;
}
table.adminlist thead th img {
    vertical-align: middle;
}
table.adminlist tbody th {
    font-weight: bold;
}
table.adminlist tbody tr {
    background-color: rgb(255, 255, 255);
    text-align: left;
}
table.adminlist tbody tr.row1 {
    background: none repeat scroll 0 0 rgb(249, 249, 249);
    border-top: 1px solid rgb(255, 255, 255);
}
table.adminlist tbody tr.row0:hover td, table.adminlist tbody tr.row1:hover td {
    background-color: rgb(255, 255, 221);
}
table.adminlist tbody tr td {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    height: 25px;
}
table.adminlist tbody tr.row1 td {
    background: none repeat scroll 0 0 rgb(249, 249, 249);
    border-top: 1px solid rgb(255, 255, 255);
}
table.adminlist tfoot tr {
    color: rgb(51, 51, 51);
    text-align: center;
}
table.adminlist tfoot td, table.adminlist tfoot th {
    background-color: rgb(243, 243, 243);
    border-top: 1px solid rgb(153, 153, 153);
    text-align: center;
}
table.adminlist td.order {
    text-align: center;
    white-space: nowrap;
}
table.adminlist td.order span {
    display: block;
    float: left;
    text-align: center;
    width: 20px;
}
table.adminlist .pagination {
    display: table;
    margin: 0 auto;
    padding: 0;
}
.pagination div.limit {
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 10px;
}
.container {
    clear: both;
    text-decoration: none;
}
* html .container {
    display: inline-block;
}
table.noshow {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.noshow tr {
    vertical-align: top;
}
table.noshow td {
}
table.noshow fieldset {
    margin: 15px 7px 7px;
}
#editor-xtd-buttons {
    padding: 5px;
}
.button1, .button1 div {
    float: right;
    height: 1%;
}
.button2-left, .button2-right, .button2-left div, .button2-right div {
    float: left;
}
.button1 {
    background: url("../../../images/administrator/j_button1_left.png") no-repeat scroll 0 0 transparent;
    margin-left: 5px;
    padding-left: 10px;
    white-space: nowrap;
}
.button1 .next {
    background: url("../../../images/administrator/j_button1_next.png") no-repeat scroll 100% 0 transparent;
}
.button1 a {
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 30px 0 6px;
}
.button1 a:hover {
    color: rgb(11, 85, 196);
    text-decoration: none;
}
.button2-left a, .button2-right a, .button2-left span, .button2-right span {
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}
.button2-left span, .button2-right span {
    color: rgb(153, 153, 153);
    cursor: default;
}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, .button2-right .blank a, .button2-left .blank span, .button2-right .blank span {
    padding: 0 6px;
}
.page span, .blank span {
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.button2-left a:hover, .button2-right a:hover {
    color: rgb(11, 85, 196);
    text-decoration: none;
}
.button2-left a, .button2-left span {
    padding: 0 24px 0 6px;
}
.button2-right a, .button2-right span {
    padding: 0 6px 0 24px;
}
.button2-left {
    background: url("../../../images/j_button2_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 5px;
}
.button2-right {
    background: url("../../../images/j_button2_right.png") no-repeat scroll 100% 0 transparent;
    float: left;
    margin-left: 5px;
}
.button2-right .prev {
    background: url("../../../images/j_button2_prev.png") no-repeat scroll 0 0 transparent;
}
.button2-right.off .prev {
    background: url("../../../images/j_button2_prev_off.png") no-repeat scroll 0 0 transparent;
}
.button2-right .start {
    background: url("../../../images/j_button2_first.png") no-repeat scroll 0 0 transparent;
}
.button2-right.off .start {
    background: url("../../../images/j_button2_first_off.png") no-repeat scroll 0 0 transparent;
}
.button2-left .page, .button2-left .blank {
    background: url("../../../images/j_button2_right_cap.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .next {
    background: url("../../../images/j_button2_next.png") no-repeat scroll 100% 0 transparent;
}
.button2-left.off .next {
    background: url("../../../images/j_button2_next_off.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .end {
    background: url("../../../images/j_button2_last.png") no-repeat scroll 100% 0 transparent;
}
.button2-left.off .end {
    background: url("../../../images/j_button2_last_off.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .image {
    background: url("../../../images/j_button2_image.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .readmore {
    background: url("../../../images/j_button2_readmore.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .pagebreak {
    background: url("../../../images/j_button2_pagebreak.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .blank {
    background: url("../../../images/j_button2_blank.png") no-repeat scroll 100% 0 transparent;
}
.tool-tip {
    background: none repeat scroll 0 0 rgb(255, 255, 204);
    border: 1px solid rgb(212, 213, 170);
    float: left;
    max-width: 200px;
    padding: 5px;
    z-index: 50;
}
.tool-title {
    background: url("../images/selector-arrow.png") no-repeat scroll 0 0 transparent;
    font-size: 100%;
    font-weight: bold;
    margin: -15px 0 0;
    padding: 15px 0 5px;
}
.tool-text {
    font-size: 100%;
    margin: 0;
}
a img.calendar {
    background: url("../images/calendar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
    width: 16px;
}
#system-message dd.message ul {
    background: url("../images/notice-info.png") no-repeat scroll 4px center rgb(195, 210, 229);
}
#system-message dd.error ul {
    background: url("../images/notice-alert.png") no-repeat scroll 4px top rgb(230, 192, 192);
    border-bottom: 3px solid rgb(222, 122, 123);
    border-top: 3px solid rgb(222, 122, 123);
    color: rgb(204, 0, 0);
}
#system-message dd.notice ul {
    background: url("../images/notice-note.png") no-repeat scroll 4px top rgb(239, 231, 184);
    border-bottom: 3px solid rgb(240, 220, 126);
    border-top: 3px solid rgb(240, 220, 126);
    color: rgb(204, 0, 0);
}
.cpanel div.icon, #cpanel div.icon {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    text-align: center;
}
.cpanel div.icon a, #cpanel div.icon a {
    background-color: rgb(255, 255, 255);
    background-position: -30px center;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    color: rgb(86, 86, 86);
    display: block;
    float: left;
    height: 97px;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    vertical-align: middle;
    width: 108px;
}
#cpanel div.icon a:hover, #cpanel div.icon a:focus, #cpanel div.icon a:active, .cpanel div.icon a:hover, .cpanel div.icon a:focus, .cpanel div.icon a:active {
    background-position: 0 center;
    border-bottom-left-radius: 50% 20px;
    box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}
#cpanel img, .cpanel img {
    margin: 0 auto;
    padding: 10px 0;
}
#cpanel span, .cpanel span {
    display: block;
    text-align: center;
}
div.cpanel-left {
    float: left;
    width: 54%;
}
div.cpanel-right {
    float: right;
    width: 45%;
}
.help {
    color: red;
}
.successSummary {
    background: none repeat scroll 0 0 rgb(231, 237, 223);
    border: 2px solid rgb(109, 157, 46);
    font-size: 1.1em;
    margin: 0 0 20px;
    padding: 7px 7px 12px;
}
DIV#content .compactRadioGroup LABEL, DIV#content .compactRadioGroup INPUT {
    display: inline;
}
.blue_font {
    color: rgb(11, 85, 196);
    font-size: 12px;
    font-weight: bold;
}

/* Overlay styles :: Start */
#overlayContainer {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 125px;
        margin-left: 220px;
        z-index: 1000;
        border: 1px solid black;
        background: transparent;
}


#overlayContainer td {
	padding-top: 150px;
	vertical-align: top;
	text-align: center;
	background-image: url(../images/semi-transparent.gif);
}


#overlayContainer td td {
	padding-top: 3px;
	text-align: left;
}





#loaderContainer {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1000;
}


#loaderContainer td {
	padding-top: 150px;
	vertical-align: top;
	text-align: center;
	background-image: url(../images/semi-transparent.gif);
}


#loaderContainer td td {
	padding-top: 3px;
	text-align: left;
}


#loader {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
}


#loader td {
        padding: 3px;
        background: #ffffff;
}


#loader p {
        border: 3px solid #6E89DD;
        padding: 10px;
        margin: 0;
        background: #EEF0FC;
}


#loader img {
        float: left;
        margin-right: 12px;
}


#loader strong {
        display: block;
        margin-bottom: 3px;
}





#prompt {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
}


#prompt td {
        padding: 3px;
        background: #ffffff;
}


#prompt p {
        border: 3px solid green;
        padding: 10px;
        margin: 0;
        background: #75BA4B;
}

#prompt img {
        float: left;
        margin-right: 12px;
}


#prompt strong {
        display: block;
          margin-bottom: 3px;
}





#alert {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
}


#alert td {
        padding: 3px;
        background: #ffffff;
}


#alert p {
        border: 3px solid yellow;
        padding: 10px;
        margin: 0;
        background: #D7DD3A;
}


#alert img {
        float: left;
        margin-right: 12px;
}


#alert strong {
        display: block;
        margin-bottom: 3px;
}





#error {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
}


#error td {
        padding: 3px;
        background: #ffffff;
}


#error p {
        border: 3px solid red;
        padding: 10px;
        margin: 0;
        background: #FE5BB7;
}


#error img {
        float: left;
        margin-right: 12px;
}


#error strong {
        display: block;
        margin-bottom: 3px;
}
.ErrorDisplayMessage{
	margin-left:10px;
	padding:5px;
	border:1px dotted #288E30;
	line-height:20px;
}
/* Overlay styles :: End */

.black_overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0%;
    opacity: 0.8;
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: 1001;
}
.white_content {
    background-color: #FAFAF8;
    border-radius: 1px;
    box-shadow: 0 0 4px 4px #999999 inset;
    display: none;
    height: 470px;
    margin-left: 30%;
    overflow: auto;
    padding: 16px;
    position: absolute;
    top: 10%;
    width: 500px;
    z-index: 1002;
}

table.list {
    font-size: 11px;
    text-align: left;
    width: 100%;
}
table.list th {
    padding: 5px;
}
table.list th {
    background: none repeat scroll 0 0 #04425B;
    color: #FFFFFF;
    font-size: 12px;
}
table.list td {
    background: none repeat scroll 0 0 #E9EAE5;
    padding: 5px 0 5px 5px;
}
tr.list {
    font-size: 11px;
    text-align: left;
    width: 100%;
}

th.showun {
    background: none repeat scroll 0 0 #04425B;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 76px 5px 5px;
}
td.showun {
    background: none repeat scroll 0 0 #E9EAE5;
    padding: 5px 0 5px 5px;
}

.MainTable {
    width: 100%;
}
.MainTable td {
    padding-left: 10px;
}
.MainTable fieldset {
    border: 1px solid #DDDDDD;
    margin: 0 0 10px;
    padding: 10px;
}

.requestTable	{
	margin:10px;
	border:1px solid #000000;
	font-size:12px;
}
.requestTable	td{
}
.tableBorder	{
	padding:5px;
	
	
}
.tableBorder1	{
	padding:5px;
	border-bottom:1px solid black;
	border-right:1px solid black;
}
.netTable	td{
	padding:5px;
	border-bottom:1px solid black;
}
input.orderpagebutton	{
	vertical-align:middle;
	float:left;
	background:url(../images/button_bg.jpg) no-repeat top left;
	border:1px solid #999999;
	margin:0px;
	padding: 5px 0px 5px 5px;
	color:#000;
	cursor:pointer;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	font-weight:bold;
}

/*Inner Page of Report*/

.currencyGroup {
    margin-bottom: 10px;
    margin-top: 10px;
}
.currencyname {
    font-size: 12pt;
    font-weight: bold;
}
.transmissionList {
    margin-bottom: 10px;
    margin-top: 10px;
}
.transmissionList tr.greyrow {
    background-color: #D3D3D3;
}
.transmissionList th, table.transmissionList td {
    padding: 2px;
}
.transmissionList td {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
.transmissionList td.transferRef {
    width: 100px;
}
.transmissionList td.transferDate {
    width: 100px;
}
.transmissionList td.customerName {
    width: 100px;
}
.transmissionList td.beneficiaryName {
    width: 100px;
}
.transmissionList td.amount {
    text-align: right;
    width: 100px;
}
.transmissionList td.fxRate {
    width: 100px;
}
.transmissionList td.fxAmount {
    border-right: 1px solid #000000;
    width: 100px;
}

.listClass1 {
    background: none repeat scroll 0 0 #B5D5E6;
    color: #000000;
    font-size: 12px;
    height: 40px;
    padding-left: 100px;
    text-align: left;
    width: 500px;
}

.listClass2 {
    background: none repeat scroll 0 0 #CCE6F4;
    color: #000000;
    font-size: 12px;
    height: 40px;
    padding-left: 100px;
    text-align: left;
    width: 500px;
}