/**
*  Copyright (c) 2014, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
*
*  Licensed under the Apache License, Version 2.0 (the "License");
*  you may not use this file except in compliance with the License.
*  You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
*  Unless required by applicable law or agreed to in writing, software
*  distributed under the License is distributed on an "AS IS" BASIS,
*  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*  See the License for the specific language governing permissions and
*  limitations under the License.
*/

body {
    background-color: white;
    padding: 0;
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans", "Microsoft Sans Serif", "Lucida Sans Unicode", "Verdana", "Sans-serif", "trebuchet ms", serif !important;
    color: #111;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.25em;
}
table {
	border: 0;
	padding: 0;
	margin: 0;
}
table thead tr th{
	padding: 0;
	text-align: left;
	vertical-align: top;
	border: 0;
}
table tbody tr td {
	padding: 0;
	text-align: left;
	vertical-align: top;
	border: 0;
}
table tr td {
	padding: 0;
	text-align: left;
	vertical-align: top;
	border: 0;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
}

a:link {
    color: #386698;
    text-decoration: none;
}

a:visited {
    color: #386698;
    text-decoration: none;
}

a:hover {
    color: #f47b20;
}

a img {
	border: 0;
}

a.link-disable {
	cursor: text;
	color: #999;
}

/* Neutralize styling:
   Elements with a vertical margin: */
    h1, h2, h3, h4, h5, h6, p, pre,
    blockquote, ol, dl, address {
        margin: 0 0 0;
        padding: 0 0 0;
    }
    
form {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
h3.page-subtitle{
	color: #8b8b8b;
        font-size: 11px;
        letter-spacing: 0.05em;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
        margin: 10px 10px 10px 10px;
}
/* ---------------- template styles ------------------------- */
table.main-table {
	min-width: 985px;
	width: 100%;
}
table.main-table td {
	padding: 0;
}
table.main-table td#header {
    background: repeat-x left top;
    height: 100px;
}

table.main-table td#menu-panel {
	background-color: #fff;
	padding-bottom: 20px;
	border-right: solid 1px #636466;
	width: 225px;
	font-size: 100%;
}
div.td#menu{
	margin-left:20px;
}
td#menu table#menu-table {
	width: 225px;
}

table#menu-table td {
}

table#menu-table td#region1 {
}

table#menu-table td#region2 {
}

table#menu-table td#region3 {
}

table.main-table td#middle-content {
    padding: 15px 20px;
    background-color: #F4F4F4;
	/*width: 95%;*/
}

td#middle-content table#content-table {
	width: 100%;
}

table#content-table td#page-header-links {
	height: 20px;
	vertical-align: middle;
	padding-bottom: 5px;
}

table#content-table td#body {
}

table.main-table td#footer {
	height: 25px;
	background-color: #bfbfbf;
}	

/* ---------------- header styles ------------------ */
div#header-div {
    background: no-repeat left top;
    height: 100px;
    min-width: 985px;
}

div#header-div div.left-logo {
    background: no-repeat left top;
    height: 32px;
	/*width: 332px;*/
	width: 332px;
	margin-top: 23px;
	margin-left: 20px;
	float: left;
}

div#header-div div.left-logo a.header-home {
display: block;
}

div#header-div div.left-logo a.header-home img{
display: block;
}

div#header-div div.right-logo {
	/*background-image: url( mgt-logo.gif);
    background-repeat: no-repeat;
    background-position: right top;*/
	line-height: 18px;
	height: 22px;
	float: right;
	width: 220px;
	margin-top: 28px;
	margin-right: 20px;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}

div#header-div div.header-links {
	clear: both;
	float: left;
	height: 25px;
	width: 100%;
	margin-top: 15px;
}

div#header-div div.header-links div.right-links{
	clear: both;
	float: right;
	height: 25px;
	margin-right: 15px;
	padding-top: 0;
}

div.header-links ul {
	list-style: none;
    margin: 0;
    padding: 0;
	float: right;
}

div.header-links ul li {
	position: relative;
	float: left;
    padding: 0 5px;
    margin: 0;
}

/* ------------ page-header-links styles -------------- */

table.page-header-links-table {
	width: 100%;
}

table.main-table table.page-header-links-table tr td.page-header-help {
	text-align: right;
	font-size: 120%;
}

td.page-header-help a {
    background: no-repeat left top;
    padding-left: 20px;
    padding-bottom: 2px;
    display: block;
    float: right;
    z-index: 10;
}
div.page-header-help a {
    background: no-repeat left top;
    padding-left: 20px;
    padding-bottom: 2px;
    line-height: 17px;
    float: right;
    z-index: 10;
    padding-right: 15px;
    margin-top: 5px;
    position: relative;
}

table.main-table table.page-header-links-table tr td.breadcrumbs table.breadcrumb-table tr td.breadcrumb-link {
	padding-right: 0;
	font-size: 90%;
	white-space:nowrap;
}

table.main-table table.page-header-links-table tr td.breadcrumbs table.breadcrumb-table tr td.breadcrumb-link a{
	padding-right: 0;
	font-size: 90%;
}

table.main-table table.page-header-links-table tr td.breadcrumbs table.breadcrumb-table tr td.breadcrumb-current-page a{
	padding-right: 0;
	font-size: 90%;
	color: #999;
	cursor: text;
}

/* ------------- menu styles ---------------------- */
div#menu {
    margin-left: 0;
    margin-right: 0;
    min-width: 224px;
}

div#menu ul.main {
}

div#menu ul.main li {
    font-weight: normal;
}

div#menu ul.main li.normal {
}

div#menu ul.main li a.menu-home {
	font-weight:bold;
    height:22px;
    line-height:22px;
    display: block;
    /*width:215px;*/
    padding: 0 20px 0 10px;
    color: #0067B1;
    background: repeat-x left top;
}

div#menu ul.main li a.menu-home:hover {
	color: #111;
    background: #CCCCCC none;
}

div#menu ul.main li.menu-header {
    background: repeat-x left bottom;
    font-weight:normal;
    height:24px;
    line-height:24px;
    display: block;
    /*width:215px;*/
    padding: 0 20px 0 10px;
    cursor: text;
}

div#menu ul.main li.menu-header img {
	float:right;
	margin-right:-15px;
	margin-top:4px;
	cursor: pointer;
}

div#menu ul.main li.menu-disabled-link img {
	float:right;
	margin-right:-15px;
	cursor: pointer;
}

div#menu ul.main li a.menu-default {
    background: transparent no-repeat 16px 2px;
    height: 16px;
    display: block;
    /*width:187px;*/
    padding: 3px 20px 3px 38px;
    cursor: pointer;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
	color: #2F7ABD;
    font-weight:normal;
}

div#menu ul.main li a.menu-default-selected {
    background: transparent no-repeat 16px 2px;
    height: 16px;
    display: block;
    /*width:187px;*/
    padding: 3px 20px 3px 38px;
    cursor: pointer;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	color: #2F7ABD;
    font-weight:normal;
}

div#menu ul.main li a.menu-default:hover {
	background-color: #F2F2F2;
	border-bottom: solid 1px #BFBFBF;
	border-top: solid 1px #BFBFBF;
	height: 16px;
	color: #00447C;
}

div#menu ul.main li.menu-disabled-link {
    background: #F5F5F5 no-repeat 16px 2px;
    color: #111111;
    height: 16px;
    display: block;
    /*width:187px;*/
    padding: 3px 20px 3px 38px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    font-weight:normal;
    cursor:text;
}

div#menu ul.sub li a.menu-disabled-link:hover {
	background-color: #F5F5F5;
	color: #111111;
}

div#menu ul.sub {
    *margin-top: -13px;
}

/* -------------- child no-01 styles -------------- */

div#menu ul.sub li a.menu-default {
    background-position: 16px 2px;
    /*width:187px;*/
    padding-left: 38px;
    padding-right: 20px;
    color: #2F7ABD;
}

	/* ----------- child no-01 (disabled) styles ------------------- */
	
	div#menu ul.sub li.menu-disabled-link {
		background-position: 16px 2px;
	    /*width:187px;*/
	    padding-left: 38px;
	    padding-right: 20px;
	    color: #111;
	}

/* -------------- child no-02 styles -------------- */

div#menu ul.sub li.normal ul.sub li a.menu-default {
    background-position: 32px 2px;
    /*width:171px;*/
    padding-left: 54px;
    padding-right: 20px;
}

	/* ----------- child no-02 (disabled) styles ------------------- */

	div#menu ul.sub li.normal ul.sub li.menu-disabled-link {
	    background-position: 32px 2px;
	    /*width:171px;*/
	    padding-left: 54px;
	    padding-right: 20px;
	}


/* -------------- child no-03 styles -------------- */

div#menu ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default {
    background-position: 48px 2px;
    /*width:155px;*/
    padding-left: 70px;
    padding-right: 20px;
}

	/* ----------- child no-03 (disabled) styles ------------------- */
	
	div#menu ul.sub li.normal ul.sub li.normal ul.sub li.menu-disabled-link {
	    background-position: 48px 2px;
	    /*width:155px;*/
	    padding-left: 70px;
	    padding-right: 20px;
	}
	
/* -------------- child no-04 styles -------------- */

div#menu ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default {
    background-position: 64px 2px;
    /*width:139px;*/
    padding-left: 86px;
    padding-right: 20px;
}

	/* ----------- child no-04 (disabled) styles ------------------- */
	
	div#menu ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li.menu-disabled-link {
	    background-position: 64px 2px;
	    /*width:139px;*/
	    padding-left: 86px;
	    padding-right: 20px;
	}
	
/* -------------- child no-05 styles -------------- */

div#menu ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default {
    background-position: 80px 2px;
    /*width:123px;*/
    padding-left: 102px;
    padding-right: 20px;
}

	/* ----------- child no-05 (disabled) styles ------------------- */
	
	div#menu ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li.normal ul.sub li.menu-disabled-link {
	    background-position: 80px 2px;
	    /*width:123px;*/
	    padding-left: 102px;
	    padding-right: 20px;
	}

/* ------------- footer styles -------------------- */

div#footer-div {
	height: 27px;
	width: 100%;
}

div#footer-div div.footer-content {
	height: 27px;
	margin: auto;
	padding: 0;
}

div#footer-div div.footer-content div.copyright {
	padding-top: 5px;
	color: #fff;
	width: 450px;
	float: left;
	margin-left: 20px;
}

div#footer-div div.footer-content div.poweredby {
    background: no-repeat left 3px;
    width: 127px;
    height: 27px;
    float: right;
    margin-right: 20px;
}

/* --------------- middle content styles ----------------- */

div#middle {
    background-color: #F4F4F4;
    width: 100%;
}

div#middle div#workArea {
    padding: 10px;
    background-color: white;
}

div#middle h2 {
    color: #0D4d79;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: solid 1px #96A9CA;
}

div#middle div#workArea h3 {
	font-size: 140%;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
}
div#middle div#workArea h4 {
	font-size: 130%;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
}
div#middle div#workArea h5 {
	font-size: 120%;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
}
div#middle div#workArea h3.mediator {
	font-size: 120%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 4px;
    border-bottom: solid 1px #ccc;
    
}
/* ---- login styles ----- */

div#middle div#features {
	padding-right: 30px;
}
div#features tr.feature {
}
div#features tr.feature td {
	border-top: solid 1px #BCBEC0;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#features tr.feature-top {
}
div#features tr.feature-top td {
	border-top: solid 0 #BCBEC0;
	padding-top: 0;
	padding-bottom: 20px;
}
tr.feature td img {
	float: left;
	margin-right: 20px;
}

tr.feature h3 {
	font-weight: normal;
	font-size: 120%;
	color: #0067B1;
}

div#middle div#loginbox {
	background-color: #fff;
	border: solid 1px #BCBEC0;
	padding: 20px;
	margin-top: 10px;
}

div#loginbox {
	text-align: center;
}

div#loginbox h2 {
	font-weight: normal;
	font-size: 150%;
	text-align: center;
	color: #0067B1;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

div#loginbox table {
	margin: auto;
}

div#loginbox table tr td {
	padding: 3px;
}

div#loginbox a{
}

div#loginbox input.user {
	width: 150px !important;
}

div#loginbox input.password {
	width: 150px !important;
}

/* ------------- REFINED ------------------ */
/* ------------- Table Styled Left -------- */
div#workArea table.styledLeft {
    border-collapse: collapse;
    margin-left: 2px;
    width: 100%;
}

div#workArea table.styledLeft thead th {
    background: repeat-x left bottom;
    border:1px solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}

div#workArea table.styledLeft tbody tr td.middle-header {
    background: repeat-x left bottom;
    border:1px solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}

div#workArea table.styledLeft tbody tr td.sub-header {
    background: repeat-x left bottom;
    border:1px solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}

div#workArea table.styledLeft tbody tr td {
    border: solid 1px #cccccc;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
}

div#workArea table.styledLeft tbody tr td.nopadding {
    border: solid 1px #cccccc;
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle !important;
}
div#workArea table.styledLeft tbody tr td.formRow {
     padding-top: 10px;
     padding-bottom: 10px;
     border-right: solid 1px #cccccc;
 }
div#workArea table.styledLeft tbody tr td.buttonRow {
    padding-top: 5px;
    padding-bottom: 5px;
    background: repeat-x left top;
}
/* ------------Stand alone styles inside tables -------*/
.noDataBox {
	border:1px solid #CCCCCC;
	color:#999999;
	font-style:italic;
	padding:5px;
}
div.buttonRow {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:10px;
    margin-left:5px;
    background: repeat-x left top;
    border:1px solid #CCCCCC;
}
div.tabTen{
padding-left:15px;
}
/* ------------- Table Styled Inner -------- */
div#workArea table.styledInner {
    border-collapse: collapse;
    margin-left: 2px;
    width: 100%;
}

div#workArea table.styledInner thead th {
    background: #E7E7E8 none;
    border:1px solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}
div#workArea table.styledInner tbody tr td {
    border: solid 1px #cccccc !important;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
}
.buttonRowAlone {
    padding-top: 5px;
    padding-bottom: 5px;
    background: repeat-x left top;
    border-bottom: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}
div#workArea table.noBorders tbody tr td {
    border:none;
}
div#workArea table.noBorders tbody tr td table.styledLeft td {
    border: solid 1px #cccccc;
}
div#workArea table.noBorders{
border: solid 1px #cccccc;
}
div#workArea table.normal {
	border-collapse: separate;
	padding: 3px;
}
div#workArea table.normal-nopadding {
	border-collapse: separate;
	padding: 0;
	width: 100%;
}
div#workArea table.normal tbody tr td {
	border: 0;
}
div#workArea table.normal-nopadding tbody tr td {
    border: solid 0 #cccccc !important;
    height: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
}
div#workArea table.normal-nopadding tbody tr td.top-align {
    vertical-align: top !important;
}
div#workArea table.normal-nopadding tbody tr td.middle-header {
    background: repeat-x left bottom;
    border-top:1px solid #cccccc !important;
    border-bottom:1px solid #cccccc !important;
    border-left:0 solid #cccccc;
    border-right:0 solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}
div#workArea table.normal-nopadding tbody tr td.sub-header {
    background: #ededed none;
    border: 1px solid #cccccc;
    font-weight:normal;
    height:22px;
    line-height:20px;
    margin-bottom:5px;
    padding-left:8px;
}
div#workArea table.normal-nopadding tbody tr td.nopadding {
padding: 0 !important;
border: 0 !important;
}
div#workArea table.normal tbody tr td.nopadding {
padding: 0 !important;
border: 0 !important;
}
/* ---------------- table styles --------------------------- */
.tableOddRow{background-color: white;}
.tableEvenRow{background-color: #ededed;}

/*.button, .button:visited {
	background: #e7e7e7 url(overlay.png) repeat-x;
	display: inline-block; 
	padding: 2px 5px 2px;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
.button:hover{ 
	background-color: #d9d9d9; color: #000;
}
.button:active{
 	top: 1px;
}*/

a.icon-link {
    background: no-repeat left top;
    padding-left: 20px;
line-height: 17px;
height: 17px;
float: left;
position: relative;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 3px;
white-space: nowrap;
cursor:pointer;
    color:#2F7ABD;
}
a.icon-link-nofloat {
    background: no-repeat left top;
    padding-left: 20px !important;
padding-bottom: 2px;
line-height: 17px;
height: 17px;
margin-left: 10px;
margin-right: 20px !important;
margin-top: 5px;
margin-bottom: 3px;
white-space: nowrap;
display: block;
}
a.delete-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.delete-icon-link-nofloat {
    background: no-repeat left 2px;
    padding-left: 20px;
    line-height: 23px;
    height: 23px;
    float: none;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}
a#delete1, a#delete2 {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.item-selector-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

a.edit-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.copy-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.move-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.view-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.feed-small-res-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.registry-picker-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.nseditor-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.add-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
a.policie-icon-link {
    background: no-repeat left top;
    padding-left: 20px;
    line-height: 17px;
    height: 17px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
}
span.icon-text {
    background: no-repeat left top;
    padding-left: 20px;
line-height: 17px;
height: 17px;
float: left;
position: relative;
margin-left: 10px;
margin-top: 3px;
margin-bottom: 3px;
white-space: nowrap;
}
span.icon-text-disabled {
    background: no-repeat left top;
    padding-left: 20px;
line-height: 17px;
height: 17px;
float: left;
position: relative;
margin-left: 10px;
margin-top: 3px;
margin-bottom: 3px;
white-space: nowrap;
color: #999;
}
select {
font-size: 100%;
}
span.required,div.required{
color:red;
}
form label.error {
    color: #ed0000;
    padding-left:10px;
}
.longInput{
width:250px;
}

/*  Small column style*/
.leftCol-small{
    width:150px;
}
div.sectionSub div.sectionSub .leftCol-small{  /* Second level */
    width:140px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-small{  /*third level  */
    width:130px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-small{  /* Fourth level */
    width:120px;
}
/*  Medium column style*/
.leftCol-med{
    width:250px;
}
div.sectionSub div.sectionSub .leftCol-med{  /* Second level */
    width:240px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-med{  /* third level */
    width:230px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-med{  /* Fourth level */
    width:220px;
}

/*  Big column style*/
.leftCol-big{
    width:350px;
}
div.sectionSub div.sectionSub .leftCol-big{  /* Second level */
    width:340px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-big{  /* third level */
    width:330px;
}
div.sectionSub div.sectionSub div.sectionSub .leftCol-big{  /* Fourth level */
    width:320px;
}


.ajax-loading-message-small{
position:relative;
margin-left:150px;
font-size:12px;
font-weight:bold;
color:#aaaaaa;
}
.ajax-loading-message img{
margin-right:20px;
}
/*--- service parameter page styles ( use to remove the unwanted colors inherited from Highlightre styles ---- */
div.dp-highlighter {
background-color: transparent;
}
div.dp-highlighter ol {
background-color: transparent;
}
div.dp-highlighter ol li.alt {
background-color: transparent;
}
div.dp-highlighter ol li, .dp-highlighter .columns div {
background-color: transparent;
}
input.text-box-big {
width: 250px;
}
.info-box{
background-color:#EEF3F6;
border:1px solid #ABA7A7;
font-size:13px;
font-weight:bold;
margin-bottom:10px;
padding:10px;
}
.mSelected {
    background-color: #DDDDDD !important;
}
div.clear  {
font-size:4px;
line-height:4px;
}
.panelClass{
border: 1px solid #CCCCCC;
padding:5px;
-moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
 white-space:nowrap;
 line-height:25px;
}
.panelClass[class] {
}
.defaultText{
    color: #666666;
    font-style:italic;
}
.vertical-menu-container{
    width:15px;
    background-color:#f0f0f0;
    border-right:solid 1px #767676;
    border-top:solid 1px #cccccc;
}
.menu-panel-buttons{
    width:15px;
    cursor:pointer;
    background-color:#c8c8c8;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;

    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-bottom:10px;
    height:47px;
    padding-top:10px;
    padding-bottom:10px;
}
.menu-panel-buttons span{
    background-color: #cccccc;
    color: #333333;
    display:block;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    white-space:nowrap;
    width:60px;
    *position:absolute;
    margin-left:-25px;
    margin-top:15px;
    padding-right:2px;
    padding-left:2px;
}
.menu-panel-buttons span.ie{
    margin-left:0;
    margin-top:-10px;
}
div.selected{
    border:solid 1px #000;
}
.ie10 div.menu-panel-buttons span{
    -ms-transform: rotate(-90deg);
       margin-left:-25px;
       margin-top:15px;
}
div.selected{
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
}
div.selected span{
    color:#fff;
    background-color: #a4a4a4;    
}
#menu-panel-button0{
    height:20px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:2px;
    cursor:pointer;
}
.vertical-menu{
    background-color: #b0bcc3;
    width:20px;
}
label.form-help{
    color: #999999;
    display:block;
}


/*---toggle styles --*/
h2.trigger {
    border: solid 1px #c2c4c6;

    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;

    background: #e9e9e9 no-repeat 5px center;
    padding: 0 0 0 30px;
    margin: 0;
    z-index: 1;
    cursor: pointer;
    height: 25px;
}

h2.trigger a {
    line-height: 25px;
    color: #000000;
    font-weight: normal;
    padding: 5px 5px;
    outline: -moz-use-text-color none 0;
    font-size: 0.7em;
}

.toggle_container {
    background-color: #fff;
    border: solid 1px #e1e1e1;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    padding:10px;

    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    clear: both;
    z-index: 0;
}
label.error{
    color:red;
    padding-left:5px;
}
.loadingDialogBox{
    border: 1px solid #88afbd;
    border-top-width: 5px;
    padding:10px 5px 10px 35px;
    line-height:20px;
}
.something-wrong{
    background-color:#ffe886;
    border:solid 1px #c4ad4d;
    padding:5px;
    width:950px;
    margin:auto;
    z-index:1000;
}
.something-wrong div.title{
    font-size:14px;
    font-weight: bold;
}
.server-url-cell{
    padding-left:5px;
    text-align:right;
}
