* html,* html body{
    background: transparent url(../images/ie6/image.jpg) fixed;
 }

/*
    Set a warning for IE6 users to upgrade their browsers. 
	Fix for position:fixed in IE6 (see why it must die?)
	@see http://www.gunlaug.no/contents/wd_additions_15.html
*/
#ie6-notice {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	margin: 0;
	background: #ffffcc;
	filter: alpha(opacity=95);
}
#ie6-notice p#ie6-text
	{
	text-align: left;
	float: left;
	color: #000;
	padding: 5px 0 5px 50px;
	margin: 0;
	width: 65%;	
	background:transparent url('../images/ie6/icons/warning.gif') no-repeat center left;	
}
#ie6-notice p#ie6-hide-notice a
	{
	text-align: right;
	float: right;
	color: #000;
	padding: 5px 30px 5px 0px;
	margin: 0;
	width: 17%;	
	background:transparent url('../images/ie6/icons/cancel.gif') no-repeat center right;
	border-bottom: 0;
}









/*
    Ensure headers are on lines by themselves
 */
h1, h2, h3, h4, h5 {
    clear: both;
}

strong {
    font-weight: bold;  
}

/*
    Default link styles 
 */
.twsui-skin .yui-dt-selected a:link,
.twsui-skin .yui-dt-selected a:visited {
    color: #FFFFFF;
}

.twsui-skin .yui-dt table {
    margin: 0;
    padding: 0;
    font-size: inherit;
    border-collapse: separate; *
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.twsui-skin .yui-dt thead {
    border-spacing: 0;
}

/* for safari bug */
.twsui-skin .yui-dt caption {
    padding-bottom: 1em;
    text-align: left;
}

/* outer border */
.yui-dt-hd {
    display: none;
}
.twsui-skin .yui-dt-hd table {
    border-left: 1px solid #7F7F7F;
    border-top: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
}

.twsui-skin .yui-dt-bd table {
    border: 1px solid #7F7F7F;
}

.twsui-skin .yui-dt th {
    background: #D8D8DA
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 0; /* header gradient */
}

.twsui-skin .yui-dt th,.twsui-skin .yui-dt th a {
    font-weight: normal;
    text-decoration: none;
    color: #000; /* header text */
    vertical-align: bottom;
}

.twsui-skin .yui-dt th {
    margin: 0;
    padding: 0;
    border: none;
    border-right: 1px solid #CBCBCB; /*  inner column border */
}

.twsui-skin .yui-dt-liner {
    margin: 0;
    padding: 0;
    padding: 4px 10px 4px 10px; /* cell padding */
}

.twsui-skin .yui-dt-coltarget {
    width: 5px;
    background-color: red;
}

.twsui-skin .yui-dt td {
    margin: 0;
    padding: 0;
    border: none;
    border-right: 1px solid #CBCBCB; /* inner column border */
    text-align: left;
}

.twsui-skin .yui-dt-list td {
    border-right: none; /* disable inner column border in list mode */
}

.twsui-skin .yui-dt-resizer {
    width: 6px;
}

/* messaging */
.twsui-skin tbody.yui-dt-msg td {
    border: none;
}

.twsui-skin .yui-dt-loading {
    background-color: #FFF;
}

.twsui-skin .yui-dt-empty {
    background-color: #FFF;
}

.twsui-skin .yui-dt-error {
    background-color: #FFF;
}

/* scrolling */
.twsui-skin .yui-dt-scrollable .yui-dt-hd table {
    border: 0px;
}

.twsui-skin .yui-dt-scrollable .yui-dt-bd table {
    border: 0px;
}

.twsui-skin .yui-dt-scrollable .yui-dt-hd {
    border-left: 1px solid #7F7F7F;
    border-top: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
}

.twsui-skin .yui-dt-scrollable .yui-dt-bd {
    border-left: 1px solid #7F7F7F;
    border-bottom: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
    background-color: #FFF;
}

/* sortable columns */
.twsui-skin thead .yui-dt-sortable {
    cursor: pointer;
}

.twsui-skin th.yui-dt-asc,.twsui-skin th.yui-dt-desc {
    background:
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 -100px; /* sorted header gradient */
}

.twsui-skin th.yui-dt-sortable .yui-dt-label {
    margin-right: 10px;
}

.twsui-skin th.yui-dt-asc .yui-dt-liner {
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/dt-arrow-up.png) no-repeat left;
    /* sorted header gradient */
}

.twsui-skin th.yui-dt-desc .yui-dt-liner {
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/dt-arrow-dn.png) no-repeat left;
    /* sorted header gradient */
}

/* editing */
.yui-dt-editable {
    cursor: pointer;
}

.yui-dt-editor {
    text-align: left;
    background-color: #F2F2F2;
    border: 1px solid #808080;
    padding: 6px;
}

.yui-dt-editor label {
    padding-left: 4px;
    padding-right: 6px;
}

.yui-dt-editor .yui-dt-button {
    padding-top: 6px;
    text-align: right;
}

.yui-dt-editor .yui-dt-button button {
    background:
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 0;
    border: 1px solid #999;
    width: 4em;
    height: 1.8em;
    margin-left: 6px;
}

.yui-dt-editor .yui-dt-button button.yui-dt-default {
    background:
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 -1400px;
    background-color: #5584E0;
    border: 1px solid #304369;
    color: #FFF
}

.yui-dt-editor .yui-dt-button button:hover {
    background:
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 -1300px;
    color: #000;
}

.yui-dt-editor .yui-dt-button button:active {
    background:
        url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png)
        repeat-x 0 -1700px;
    color: #000;
}

/* striping */
.twsui-skin tr.yui-dt-even {
    background-color: #FFF;
    color: #01091F;
}  /* white */

.twsui-skin tr.yui-dt-odd {
    background-color: #9AA4BE;
    color: #01091F;
}  /* light blue - background-color: #EDF5FF;*/

.twsui-skin tr.yui-dt-even td.yui-dt-asc,.twsui-skin tr.yui-dt-even td.yui-dt-desc {
    background-color: #EDF5FF;
}  /* light blue sorted */

.twsui-skin tr.yui-dt-odd td.yui-dt-asc,.twsui-skin tr.yui-dt-odd td.yui-dt-desc {
    background-color: #DBEAFF;
}  /* dark blue sorted */ /* disable striping in list mode */

.twsui-skin .yui-dt-list tr.yui-dt-even {
    background-color: #FFF;
}  /* white */

.twsui-skin .yui-dt-list tr.yui-dt-odd {
    background-color: #FFF;
}  /* white */

.twsui-skin .yui-dt-list tr.yui-dt-even td.yui-dt-asc,.twsui-skin .yui-dt-list tr.yui-dt-even td.yui-dt-desc {
    background-color: #EDF5FF;
}  /* light blue sorted */

.twsui-skin .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,.twsui-skin .yui-dt-list tr.yui-dt-odd td.yui-dt-desc {
    background-color: #EDF5FF;
}  /* light blue sorted */ /* highlighting */

.twsui-skin th.yui-dt-highlighted,.twsui-skin th.yui-dt-highlighted a {
    background-color: #B2D2FF; /* med blue hover */
}

.twsui-skin tr.yui-dt-highlighted,.twsui-skin tr.yui-dt-highlighted td.yui-dt-asc,.twsui-skin tr.yui-dt-highlighted td.yui-dt-desc,.twsui-skin tr.yui-dt-even td.yui-dt-highlighted,.twsui-skin tr.yui-dt-odd td.yui-dt-highlighted {
    cursor: pointer;
    background-color: #B2D2FF; /* med blue hover */
}

/* enable highlighting in list mode */
.twsui-skin .yui-dt-list th.yui-dt-highlighted,.twsui-skin .yui-dt-list th.yui-dt-highlighted a {
    background-color: #B2D2FF; /* med blue hover */
}

.twsui-skin .yui-dt-list tr.yui-dt-highlighted,.twsui-skin .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,.twsui-skin .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,.twsui-skin .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,.twsui-skin .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {
    cursor: pointer;
    background-color: #B2D2FF; /* med blue  hover */
}

/* selection */
.twsui-skin th.yui-dt-selected,.twsui-skin th.yui-dt-selected a {
    background-color: #446CD7; /* bright blue selected cell */
}

.twsui-skin tr.yui-dt-selected td,.twsui-skin tr.yui-dt-selected td.yui-dt-asc,.twsui-skin tr.yui-dt-selected td.yui-dt-desc {
    background-color: #426FD9; /* bright blue selected row */
    color: #FFF;
}

.twsui-skin tr.yui-dt-even td.yui-dt-selected,.twsui-skin tr.yui-dt-odd td.yui-dt-selected {
    background-color: #446CD7; /* bright blue selected cell */
    color: #FFF;
}

/* enable selection in list mode */
.twsui-skin .yui-dt-list th.yui-dt-selected,.twsui-skin .yui-dt-list th.yui-dt-selected a {
    background-color: #446CD7; /* bright blue selected cell */
}

.twsui-skin .yui-dt-list tr.yui-dt-selected td,.twsui-skin .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,.twsui-skin .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
    background-color: #426FD9; /* bright blue selected row */
    color: #FFF;
}

.twsui-skin .yui-dt-list tr.yui-dt-even td.yui-dt-selected,.twsui-skin .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
    background-color: #446CD7; /* bright blue selected cell */
    color: #FFF;
}

/* pagination */
.twsui-skin .yui-pg-container,.twsui-skin .yui-dt-paginator {
    display: block;
    margin: 6px 0;
    white-space: nowrap;
}

.twsui-skin .yui-pg-first,.twsui-skin .yui-pg-last,.twsui-skin .yui-pg-current-page,.twsui-skin .yui-dt-paginator .yui-dt-first,.twsui-skin .yui-dt-paginator .yui-dt-last,.twsui-skin .yui-dt-paginator .yui-dt-selected {
    padding: 2px 6px;
}

.twsui-skin a.yui-pg-first,.twsui-skin a.yui-pg-previous,.twsui-skin a.yui-pg-next,.twsui-skin a.yui-pg-last,.twsui-skin a.yui-pg-page,.twsui-skin .yui-dt-paginator a.yui-dt-first,.twsui-skin .yui-dt-paginator a.yui-dt-last {
    text-decoration: none;
}

.twsui-skin .yui-dt-paginator .yui-dt-previous,.twsui-skin .yui-dt-paginator .yui-dt-next {
    display: none;
}

.twsui-skin a.yui-pg-page,.twsui-skin a.yui-dt-page {
    border: 1px solid #CBCBCB;
    padding: 2px 6px;
    text-decoration: none;
    background-color: #fff
}

.twsui-skin .yui-pg-current-page,.twsui-skin .yui-dt-paginator .yui-dt-selected
    {
    border: 1px solid #fff;
    background-color: #fff;
}

.twsui-skin .yui-pg-pages {
    margin-left: 1ex;
    margin-right: 1ex;
}

.twsui-skin .yui-pg-page {
    margin-right: 1px;
    margin-left: 1px;
}

.twsui-skin .yui-pg-first,.twsui-skin .yui-pg-previous {
    margin-right: 3px;
}

.twsui-skin .yui-pg-next,.twsui-skin .yui-pg-last {
    margin-left: 3px;
}

.twsui-skin .yui-pg-current,.twsui-skin .yui-pg-rpp-options {
    margin-right: 1em;
    margin-left: 1em;
}

/* Error states */
.twsui-skin tr.error {
    background-color: #AA3333;
    color: #FFFFFF;
}

.twsui-skin tr.error a:link,.twsui-skin tr.error a:visited {
    background-color: #AA3333;
    color: #FFFFFF;
}

/* Containers */
.yui-overlay,.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    overflow: auto;
}

.masked select,.drag select,.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

.hide-scrollbars,.hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow {
    overflow: auto;
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display: none;
}

.yui-tt-shadow {
    position: absolute;
}

.twsui-skin .mask {
    background-color: #000;
    opacity: .25; *
    filter: alpha(opacity = 25);
}

.twsui-skin .yui-panel-container {
    padding: 0 1px; *
    padding: 2px 3px;
}

.twsui-skin .yui-panel {
    position: relative; *
    zoom: 1;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
    z-index: 1;
    background: #FFFFFF;
}

.twsui-skin .yui-panel .hd,.twsui-skin .yui-panel .bd,.twsui-skin .yui-panel .ft { *
    zoom: 1; *
    position: relative;
    border-style: solid;
    border-width: 0px;
    border-color: #808080;
    margin: 0 -1px;
}

.twsui-skin .yui-panel .hd {
    border-bottom: solid 1px #ccc;
}

.twsui-skin .yui-panel .bd,.twsui-skin .yui-panel .ft {
    background-color: #F2F2F2;
}

.twsui-skin .yui-panel .hd {
    padding-top: 10px;
    margin-left:5px
    font-size: 93%;
    line-height: 2; *
    line-height: 1.9;
    font-weight: bold;
    color: #000;
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png) repeat-x 0
        -200px;
}

.twsui-skin .yui-panel .bd {
    padding-top: 10px;
}

.twsui-skin .yui-panel .ft {
    border-top: solid 1px #808080;
    padding: 5px 10px;
    font-size: 77%;
}

.twsui-skin .yui-panel-container.focused .yui-panel .hd {
   
}

.twsui-skin .container-close {
    position: absolute;
    top: 5px;
    right: 6px;
    xwidth: 25px;
    height: 15px;
    xbackground: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png) no-repeat 0
        -300px;
    cursor: pointer;
}

.twsui-skin .yui-panel-container .underlay {
    right: -1px;
    left: -1px;
}

.twsui-skin .yui-panel-container.matte {
    padding: 9px 10px;
    background-color: #fff;
}

.twsui-skin .yui-panel-container.shadow {
    _padding: 2px 5px 0 3px;
}

.twsui-skin .yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    right: -3px;
    bottom: -3px;
    left: -3px; *
    top: 3px; *
    left: -1px; *
    right: -1px; *
    bottom: -1px;
    _top: 0;
    _right: 0;
    _bottom: 0;
    _left: 0;
    _margin-top: 3px;
    _margin-left: -1px;
    background-color: #000;
    opacity: .12; *
    filter: alpha(opacity = 12);
}

.twsui-skin .yui-dialog .ft {
    border-top: none;
    padding: 0 10px 10px 10px;
    font-size: 100%;
}

.twsui-skin .yui-dialog .ft .button-group {
    display: block;
    text-align: right;
}

.twsui-skin .yui-dialog .ft button.default {
    font-weight: bold;
}

.twsui-skin .yui-dialog .ft span.default {
    border-color: #304369;
    background-position: 0 -1400px;
}

.twsui-skin .yui-dialog .ft span.default .first-child {
    border-color: #304369;
}

.twsui-skin .yui-dialog .ft span.default button {
    color: #fff;
}

.twsui-skin .yui-simple-dialog .bd .yui-icon {
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    float: left;
}

.twsui-skin .yui-simple-dialog .bd span.blckicon {
    background-position: 0 -1100px;
}

.twsui-skin .yui-simple-dialog .bd span.alrticon {
    background-position: 0 -1050px;
}

.twsui-skin .yui-simple-dialog .bd span.hlpicon {
    background-position: 0 -1150px;
}

.twsui-skin .yui-simple-dialog .bd span.infoicon {
    background-position: 0 -1200px;
}

.twsui-skin .yui-simple-dialog .bd span.warnicon {
    background-position: 0 -1900px;
}

.twsui-skin .yui-simple-dialog .bd span.tipicon {
    background-position: 0 -1250px;
}

.twsui-skin .yui-tt .bd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    color: #000;
    padding: 2px 5px;
    border-color: #D4C237 #A6982B #A6982B #A6982B;
    border-width: 1px;
    border-style: solid;
    background-color: #FFEE69;
}

.twsui-skin .yui-tt.show-scrollbars .bd {
    overflow: auto;
}

.twsui-skin .yui-tt-shadow {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
}

.twsui-skin .yui-tt-shadow-visible {
    opacity: .12; *
    filter: alpha(opacity = 12);
}

.twsui-skin .yui-button {
    border-width: 1px 0;
    border-style: solid;
    border-color: #808080;
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/sprite.png) repeat-x 0 0;
    margin-top: 0px;
    margin-bottom: auto;
    margin-left: .25em;
    margin-right: .25em;
    vertical-align: top;
}

.twsui-skin .yui-button .first-child {
    border-width: 0 1px;
    border-style: solid;
    border-color: #808080;
    margin: 0 -1px; *
    position: relative; *
    left: -1px;
}

.twsui-skin .yui-button button,.twsui-skin .yui-button a {
    padding: 0 10px;
    font-size: 93%;
    line-height: 2; *
    line-height: 1.7;
    min-height: 16px; *
    min-height: auto;
    height: 16px;
    color: #000;
    vertical-align: bottom;
}

.twsui-skin .yui-button a { *
    line-height: 2;
}

.twsui-skin .yui-split-button button,.twsui-skin .yui-menu-button button {
    padding-right: 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

.twsui-skin .yui-menu-button button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/menu-button-arrow.png);
}

.twsui-skin .yui-split-button button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/split-button-arrow.png);
}

.twsui-skin .yui-button-focus {
    border-color: #7D98B8;
    background-position: 0 -1300px;
}

.twsui-skin .yui-button-focus .first-child {
    border-color: #7D98B8;
}

.twsui-skin .yui-button-focus button,.twsui-skin .yui-button-focus a {
    color: #000;
}

.twsui-skin .yui-split-button-focus button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/split-button-arrow-focus.png);
}

.twsui-skin .yui-button-hover {
    border-color: #7D98B8;
    background-position: 0 -1300px;
}

.twsui-skin .yui-button-hover .first-child {
    border-color: #7D98B8;
}

.twsui-skin .yui-button-hover button,.twsui-skin .yui-button-hover a {
    color: #000;
}

.twsui-skin .yui-split-button-hover button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/split-button-arrow-hover.png);
}

.twsui-skin .yui-button-active {
    border-color: #7D98B8;
    background-position: 0 -1700px;
}

.twsui-skin .yui-button-active .first-child {
    border-color: #7D98B8;
}

.twsui-skin .yui-button-active button,.twsui-skin .yui-button-active a {
    color: #000;
}

.twsui-skin .yui-split-button-activeoption {
    border-color: #808080;
    background-position: 0 0;
}

.twsui-skin .yui-split-button-activeoption .first-child {
    border-color: #808080;
}

.twsui-skin .yui-split-button-activeoption button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/split-button-arrow-active.png);
}

.twsui-skin .yui-radio-button-checked,.twsui-skin .yui-checkbox-button-checked {
    border-color: #304369;
    background-position: 0 -1400px;
}

.twsui-skin .yui-radio-button-checked .first-child,.twsui-skin .yui-checkbox-button-checked .first-child {
    border-color: #304369;
}

.twsui-skin .yui-radio-button-checked button,.twsui-skin .yui-checkbox-button-checked button {
    color: #fff;
}

.twsui-skin .yui-button-disabled {
    border-color: #ccc;
    background-position: 0 -1500px;
}

.twsui-skin .yui-button-disabled .first-child {
    border-color: #ccc;
}

.twsui-skin .yui-button-disabled button,.twsui-skin .yui-button-disabled a {
    color: #A6A6A6;
    cursor: default;
}

. .yui-menu-button-disabled button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/menu-button-arrow-disabled.png);
}

.twsui-skin .yui-split-button-disabled button {
    background-image: url(/com.aepona.tws.portal.content/javascript/yui2.6/assets/skins/sam/split-button-arrow-disabled.png);
}

/*---------------------- Yui Button styling ---------------------------*/
.yui-button#submit-button button, .yui-button#cancel-button button, .yui-button#reset-button button {
    overflow: hidden;
    padding: 0 .75em;
    width: 70px;
}

/* Display the autocomplete boxes inline */
.autocomplete_select {
    clear: none;
    display: inline-block;
    width:100%;
    max-width: 217px;
    margin: 0;
    padding: 0;
    vertical-align:top;
    zoom: 1; 
    *display: inline;
}

/* custom styles for inline instances */
.twsui-skin .yui-ac {
    font-family: arial, helvetica, sans-serif;
}

.twsui-skin .yui-ac-input {
    position: static;
    width: 179px;
    margin-left: 0;
}

.twsui-skin .yui-ac-container {
    width: 20em;
    left: 0px;
    clear: none;
}

.twsui-skin .yui-ac-content {
    margin: 0;
    clear: none;
}

/* Style the YUI autocomplete buttons */
.yui-ac .yui-button {
    vertical-align: middle;
}

.yui-ac .yui-button button {
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/autocomplete/assets/images/ac-arrow-rt.png) center center no-repeat;

}
.yui-ac .open .yui-button button {
    background: url(/com.aepona.tws.portal.content/javascript/yui2.6/autocomplete/assets/images/ac-arrow-dn.png) center center no-repeat;
}

/* Set the YUI li elements to have no style */
#portal-container .twsui-skin .yui-ac-content ul {
    list-style-type: none;
}

#portal-container .twsui-skin .yui-ac-content .yui-ac-bd ul {
    list-style-type: none;
}

.yui-ac-container {
    width: 250px;
    list-style-type: none;
}

/* Ensure the calendar control is displayed close to where it was popped */
.inline-calendar {
    display:none;
    float:right;
    position:relative;
    left:-145px;
    top:-25px;
    z-index:1; 
}

.calendar-button {
    color:#000000;
    font-size:93%;
    line-height:2;
    min-height:19px;
    padding:0 10px;
}

/* Display the calendar div inline */
.inline-calendar-div {
    display: inline;   
    padding-left: 0;
    clear: none;
    width:0;
    margin-top: 0;
    float:none;
}
.inline-calendar-div button {
    height: 18px !important;
}

.yui-submit-button button {
    height: 24px !important;
}


#popupCalContainer {
    width: 200px;
}


/* Override the YUI panel buttons */
.twsui-skin .yui-dialog .ft button {
    height: 24px;
    color: #000000;
    border: 0px;
}

.twsui-skin .yui-dialog .ft span.yui-button button {
    color: #000000;
}

.twsui-skin .yui-dialog .ft span.yui-button .first-child {
    border: 0px;
}

.twsui-skin .yui-dialog .ft span.yui-button {
    border: 1px solid #000;
}







/*
    Container for portlets
 */
.portlet-container {
    clear: left;   
}

/*
    .psi-strength is used for Password Strength Indicator
 */
.psi-strength-outer {
    padding: 5px;
}
.psi-colorbar-outer {
    border: 1px #000000 solid;
    margin: 5px;
    width: 100px;
    height: 15px;
    padding: 0px;
}
#psi-colorBar {
    width: 0%;
    height: 100%;
    background-color: #999999;
    margin: 0px;
    padding: 0px;
}

#passwordStrength {
    height:10px;
    display:block;
    float:left;
}

.strength0 {
    color:#D8000C;
    border: 1px solid red;
    background-color: #FFBABA;
    color: #D8000C;
}

.strength1 {
    color:#D8000C;
    border: 1px solid red;
    background-color: #FFBABA;
    color: #D8000C;
}

.strength2 {
    background:#FFA366;
}

.strength3 {
    background:#FFA366;
}

.strength4 {
}

.strength5 {
}



/* Tooltip styles */
.twsui-skin .yui-tt .bd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    color: #000;
    padding: 2px 5px;
    border-color: #D4C237 #A6982B #A6982B #A6982B;
    border-width: 1px;
    border-style: solid;
    background-color: #FFEE69;
    font-size: 14px;
}

.twsui-skin .yui-tt.show-scrollbars .bd {
    overflow: auto;
}

.twsui-skin .yui-tt-shadow {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
}

.twsui-skin .yui-tt-shadow-visible {
    opacity: .12;
    *filter: alpha(opacity=12);  /* For IE */
}

.twsui-skin .yui-tt table {
    width: 100%;
}

.twsui-skin .yui-tt td {
    padding-right: 10px;
}


/*
    Developer diagnostics page styling
 */
#diagnostics {
    background: #FFFFFF;
    clear: both;
    display: block;
    float: left;
    top: 800px;
}

#diagnostics .hd {
    font-size: x-large;
    background: #FAFAFA;   
    margin-top: 3em;
    margin-bottom: 1em;
}

#diagnostics th {
    font-weight: bold;  
}

#diagnostics td {
    padding-right: 0.5em;
    border: 1px solid black;
    max-width: 500px;  
}

/* 
    Field validation failure 
*/
.validation-failed { 
    border:1px dashed #F33;
    background-color:#FFCCCC;
    margin-left:1px;
}

/* for checkboxes and radios */
.validation-failed-cr { 
}

/* for selects */
.validation-failed-sel { 
}

/* for textboxes, textareas, passwords */
.validation-passed { 
}

/* for checkboxes and radios */
.validation-passed-cr { 
}

/* for selects */
.validation-passed-sel { 
}

/*
    Styling around the message boxes that appear on the top of pages
    if there is information to communicate to the user
 */
.info, .success, .warning, .error-summary, .validation { 
    border: 1px solid; 
    margin: 10px 0px; 
    padding:15px 10px 15px 50px; 
    background-repeat: no-repeat; 
    background-position: 10px center; 
}

.info { 
    color: #00529B; 
    background-color: #BDE5F8; 
    background-image: url('info.png'); 
} 
.success { 
    color: #4F8A10; 
    background-color: #DFF2BF; 
    background-image:url('success.png'); 
} 
.warning { 
    color: #9F6000; 
    background-color: #FEEFB3; 
    background-image: url('warning.png'); 
} 
.error-summary { 
    color: #D8000C; 
    background-color: #FFBABA; 
    background-image: url('error.png');background-repeat: no-repeat; 
}

.validation { 
     color: #D63301; 
     background-color: #FFCCBA; 
     background-image: url('warning.png'); 
}


/** Popup calendar control styling */
div#popupCalContainer {
     display: none;
     position: absolute;
     float: right;
     z-index: 9999;
     margin: 0;
}

#tws-prm-container .calweekdayrow th {
     width: auto;
     padding: 0px 3px;
}



/*
    Status image styling for OAM dashboard
 */
img.status {
    width: 25px;  
}

/*
    Everything with #tws-oam-view is OAM dashboard and should not
    be used anywhere else 
 */
#tws-oam-view div.groupcontainer {
    border: 2px solid #000000;
    padding: 2px;
    margin-bottom: 5px;
    display: table;
    width: 100%;
}

#tws-oam-view div.container {
    border: 0px solid;
    margin: 5px;
    display: table;
    float: left;
    clear: left;
    font-size: larger;
}

#tws-oam-view div.odd {
   
}

#tws-oam-view div.host {
    float: left;
}

#tws-oam-view div.type {
    float: left;
    margin: 2px;
    margin-left:30px;
}

#tws-oam-view div.status {
    float:left;
    position:relative;
    margin-left:5px;
}

#tws-oam-view div.status img {
    width: 20px;   
}

#tws-oam-view table.groups th {
    padding-right:1em;
}
#tws-oam-view table.groups td {
    padding-right:1em;
}

#tws-oam-view img.status {
    width: 20px;   
}

#tws-oam-view div.group {
    float: left;
    font-size: x-large;
    margin-left: 5px;
}

#tws-oam-view div.group a {
    text-decoration: none;
}

#tws-oam-view div.applications {
    float: left;
    clear: left;
    margin-top: 0.5em;
}

#tws-oam-view div.applications a {
    text-decoration: none;
}

#tws-oam-group-view div.groupcontainer {
    display: table;
    width: 100%;
}

#tws-oam-group-view div.groupcontainer div.group {
    font-size: xx-large;
}

#tws-oam-group-view div.applications {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

#tws-oam-group-view div.applications table {
    border-collapse: separate;
    margin-top: 10px;
    margin-bottom: 10px;
}

#tws-oam-group-view div.applications td {
    border: 1px solid #000000;
    padding: 2px;
}

#tws-oam-group-view div.containers {
    margin-top: 1.5em; 
}

#tws-oam-group-view div.container {
    border: 0px solid #000000;
    margin: 5px;
    display: table;
    float: left;
    clear: left;
    font-size: larger;
}

#tws-oam-group-view div.container div {
    float: left;   
}

#tws-oam-group-view div.container div.host {
    margin-right:10px;
}

#tws-oam-group-view div.container div.status {
    position:relative;
    margin-left:5px;
}

#tws-oam-group-view div.container div.status img {
    width: 20px;   
}

#tws-oam-group-view img.status {
    width: 20px;   
}

#tws-oam-group-view table.containerstable {
    width: 100%;   
}

#tws-oam-group-view table.containerstable td {
    padding: 5px;
}

#tws-oam-container-view {
    display: table;  
}

#tws-oam-container-view div.containername {
    font-size: xx-large;
}

#tws-oam-container-view div.containerinfo {
    margin-top: 0.5em;
}

#tws-oam-container-view div.containerinfo div {
    float: left;
}

#tws-oam-container-view div.containerinfo div.label {
    width: 200px;
    clear: left;   
}

#tws-oam-container-view div.containerinfo div.info {
   
}

#tws-oam-container-view img.status {
    width: 25px;  
}






/*
    #responseTimings are part of the OAM dashboard view and should
    not be used elsewhere
 */
#responseTimings {   
}

.responseTimingsTable {
    width: 90%;
    margin-top: 2em;
}

#responseTimings table img.status {
    width: 25px;
}

#responseTimings th.avgResponseTime {
    width: 90px;
}

#responseTimings th.details {
    width: 350px;
}

.responseTime {
    text-align: right;
    padding-right: 10px;
}

.responseTimingsDetail {
    margin-left: auto;
    margin-right: auto;
}

.responseTimingsDetail th {
    text-align: left;
}

.responseTimingsDetail td {
    text-align: right;
    padding-left: 10px;
}

.responseAverageTime {
    font-size: xx-large;   
}

.lastResponseTimes td {
    text-align: right;
}

#bundlesLink {
    margin: 1em 0px;
}

#bundles table {
    margin-left: auto;
    margin-right: auto;
}








/*
    Base portal styles
 */
form div {
  clear: left;
  display: block;
  zoom: 1;
}

/*
    Styling for sets of fields on the pages
 */
form fieldset {
  clear: left;
  border-top:1px solid #666666;
  margin: 0 0 0 0px;
  padding: 0 5px 5px 5px;
}

/*
    Labels for fields
 */
form div label {
  display: inline-block;
  width: 40%;
  padding: 0 0 5px;
  margin: 0 0 5px 0;
  text-align: left;
}

/*
    Labels for optional fields
 */
form div.optional label, label.optional {
  font-weight: normal;
}

/*
    Labels for required fields
 */
form div.required label, label.required {
  font-weight: bold;
}

/*
    Style disabled fields so they can still be read
 */
input[type="disabled"], input[type="readonly"], select[type="disabled"], select[type="readonly"], checkbox[type="disabled"], checkbox[type="readonly"], textarea[type="disabled"], textarea[type="readonly"]
{
 background: #dcdcdc;
 border: #3532ff 1px solid;
 color: #000000;
 cursor: default;
}

/*
    Labels of fields in error
 */
form div label.error {
    background: #FFFF66;
}

/*
    Wrappers around the label and field in error 
 */
form div span.error {
    font-color: red;   
}


/*
    Generic controls
*/
.control-buttons {
    margin-top: 10px;	
}
.popup-header {
    padding-left:10px;
    padding-right:10px;	
}
.popup-body {
	padding-left:10px;
    padding-right:10px;
}

/* 
    PRM tool, should not use these styles elsewhere 
*/
#tws-prm {
    display: table;  
    width: 100%;
}

#tws-prm .section {
    margin-bottom: 20px;  
}

.prm-tool-summary div {
    margin: 2 1 1 1
}

#tws-prm-head-username {
    font-size: xx-large;
}

#tws-prm-head-cn {
    font-size: medium;
    margin-left:10px;
    margin-top:15px;
}

#tws-prm-primary-contact {
    clear: left;
}

#tws-prm-primary-contact div {   
    margin-top: 1em;
    margin-right: 0.5em;
}

#tws-prm-account-summary {
    clear: none;
}

#tws-prm-account-summary div {
    margin-right: 0.5em;
}

#tws-prm-account-summary div .Enabled {
    color: green;
}

#tws-prm-account-summary-status {
    width: 11em;   
}


#tws-prm-sla-summary {
    clear: left;
}

#tws-prm-sla-summary div {
    margin-right: 0.5em;
}

#tws-prm-sla-link {
    display: inline;
}


#tws-prm-endpoints-summary {
    clear: left;
}

#tws-prm-partner-endpoint-list .yui-dt-liner {
    overflow: auto;
}

#tws-prm-authentication-summary {
    clear: left;
}

#tws-prm-authentication-summary div {
    margin-right: 0.5em;
}

#tws-prm-authentication-label {
    width: 11em;   
}

#tws-prm-authentication-tls {
    clear: left;   
}

#tws-prm-edit-links {
    clear: left;
}

#tws-prm-edit-links div {
    clear: left;
}

#tws-prm-container button .save {
    background: transparent url(/com.aepona.tws.portal.prm.v2.client/images/disk.png) no-repeat center top;
    overflow: hidden;
}

#tws-prm-container button .cancel {
    background: transparent url(/com.aepona.tws.portal.prm.v2.client/images/cancel.png) no-repeat center top;
    overflow: hidden;
}

#tws-prm-container .endpointCell {
    overflow-x: auto;
}

#tws-prm-contacts-page-container #add-button.yui-push-button button,
#tws-prm-contacts-page-container #cancel-delete.yui-push-button button,
#tws-prm-contacts-page-container #edit-button.yui-push-button button,
#tws-prm-contacts-page-container #delete-request-button.yui-push-button button,
#tws-prm-contacts-page-container #cancel-button.yui-push-button button {
    height: 24px !important;
}

.tws-prm-contacts-container {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
    clear: none;
    width:35%;             
}

.tws-prm-contacts-box {
    float:right;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
    clear: none;
    width:60%;             
}

.tws-prm-contacts-container #add-button{
    margin-top: 1em;
}

#tws-prm-contact-display .contactName {
	font-weight: bold;
	margin-bottom: 1em;
	display: block;
}

#tws-prm-contact-display .contactAddress {
    display: block;
}

#tws-prm-contact-display .contactEmail {
    margin-top: 1em;
    display: block;
}

#tws-prm-contact-display .contactDetail {
    display: block;
}

#tws-prm-contact-display .unavailable {
    display: none;
}

#tws-prm-contact-display .addressDisplayLine {
    display: block;
}

.tws-portal-list-partners-list td {
    padding: 0.1em 0;
}

 /** Styling for assigned, available applications tables **/
.applications-table {
    line-height: 10pt;
    margin: 0;
    padding: 0;
}

.available-applications-table {
    clear:none;
}

.applications-table-buttons {
    clear:none;
    text-align: center;
}

.assigned-applications-table {
    clear:none;
}

 /** Styling for assigned, available barring categies tables **/
.categories-table {
    line-height: 10pt;
    margin: 0;
    padding: 0;
}

.available-categories-table {
    clear:none;
}

.categories-table-buttons {
    clear:none;
    text-align: center;
}

.assigned-categories-table {
    clear:none;
}

.clear-both {
    clear:both;
}

.clear-left {
    clear:left;
}

.clear-right {
    clear:right;
}

.new-barring-category {
    float:left;
    clear:none;
    margin-left:240px;
    width:300px;
}

/* End of the PRM tool styles */





 /** Styling for shortcodes tables **/
.shortcodes-table {
    line-height: 10pt;
    margin: 0;
    padding: 0;
}

.available-shortcodes-table {
    clear:none;
}

.shortcodes-table-buttons {
    clear:none;
    text-align: center;
}

.assigned-shortcodes-table {
    clear:none;
}






/*
    Selection of services during registration
 */
div#tws-register-services fieldset div label {
  display:block;
  float:left;
  line-height:10px;
  margin:6px 0 5px;
  padding-left:30px;
  text-align:left;
  vertical-align:bottom;
  width:20%; 
}

div#tws-register-services fieldset div input {
  display: block;
  float: left;
  margin-left: 20px;
  text-align: left;
}

.service-checkbox {
  margin-top:3px;
}

.table-checkbox-space {
    padding-right:40px
}




/* 
    New user registration 
 */
#tws-registration {
    display: table;  
    width: 100%;
}

#registration-message {
    font-style: italic;
    font-weight: bold;
    font-size: small;
    margin-bottom:10px;
}

#tws-registration h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #CC0000;
    font-size: 8pt;
    font-weight: bold;   
    clear: left;
    float: left;
    display: block;
}



/*
    Hidden elements
 */
.hidden {
    display:none;
}

/*
    Errors in the inputs
 */
.input-error {
    display:inline; 
    xmargin-left:5px; 
    color:#D8000C;
    float:left;
}

/*
    Messages for the user
 */
.msg-div {
    display:inline;
}

/*
    Wrapper for errors in the input
 */
.input-error-div {
    border: 1px solid red;
    background-color: #FFBABA;
    color: #D8000C;
}

.hider {
    display:inline;
}

.error {
    border: 1px solid red;
    background-color: #FFBABA;
    color: #D8000C;
}

.input-valid {
    display:inline; 
    margin-left:5px; 
    color:green;
}

/**
 * Container for all error messages.
 */
.error-container {
    float:left; 
    clear:none; 
    xwidth:362px; 
    margin-bottom:0;
}

/**
 * Force the containing div to wrap the error div.
 */
.error-clear {
    clear:both;
    height:0;
    margin:0;
    padding:0;
}

/** 
 * Margin hack to move the error messages back to where they should be,
 * for some reason the span is taking up room in the dom.
 */
#passwordMatchDiv, #passwordLengthDiv, #emailMatchDiv{
    xmargin-left: -4px;
}

/**
 * Give some space on the reset password field to display errors.
 */
.reset-password-input {
    margin-top:10px;
}

#all-accounts table {
    width:100%;
}

#pending-accounts-table {
    width:100%;
}

#sla-review-requests {
    width:100%;
}

/**
 * Style the detail table on the registration process list.
 */
.detail-table {
    width:80%;
    margin-left:20px;
    margin-bottom:10px;
}

th.detail {
    font-weight: bold;
}

.detail {
    border-bottom: 1px solid #C1DAD7;
    border-top: 0;
}

.twsui-skin .yui-ac-content li {
    color: black;
}



/*
    Contact users screen
 */
.ContactUsers_container {
    width: 100%;
}
.ContactUsers_container table {
    width: 100%;
}
.ContactUsers_container label {
    width: 15%;
}
.ContactUsers_container #subject {
    width: 500px;
}

.rolesList ul {
    margin-bottom:0px;
}

.rolesList ul li {
    margin-bottom:0.1em;
}


/*
    Searching for reports
 */
#reportResultsArea {
    float:left;
    clear:both;
    width:100%;
}

#report-detail-panel {
    width:450px;
}



.dialog-input-box {
    width: 177px;
}

.indent-left {
    margin-left:10px;
}

#contextmenu {
    width:15%;
}

#backwardNavigation ul li {
    display: inline;
}





/* 
    Everything with .slaDetail is for the PRM SLA detail screens
    and should not be used anywhere else 
 */
.slaDetail .icon {
    display: block;
    height: 22px;
    padding-left: 20px;
    padding-top: 4px;
}

.slaDetail .service {
    background: transparent url(../images/icons/server.png) no-repeat 0 3px;  
}

.slaDetail .policy {
    background: transparent url(../images/icons/cog.png) no-repeat 0 3px; 
}

.slaDetail .locked {
    background: transparent url(../images/icons/lock.png) no-repeat 0 3px;    
}

.slaDetail .visibleToPartner {
    background: transparent url(../images/icons/user.png) no-repeat 0 3px;    
}

.slaDetail .values {
    background: transparent url(../images/icons/script.png) no-repeat 0 3px;
    height: auto;
}

.slaDetail .values textarea {
    width: 350px;
    height: 75px;
}

.slaDetail .desc {
    padding-left: 6px;
    position: relative;
    top: -2px;
}

.slaDetail .uploadPolicyValues label {
    float: none;
    clear: none;
    display: inline;
    width: auto;
}

.slaDetail .existingSla textarea {
    width: 690px;
}

.slaDetail .newSla textarea {
    width: 300px;
}



/*
    Fix for dropdowns
 */
.dropdown {
    position: absolute;
}


/*
    Searching for partners on the partner list screen
 */
#tws-partner-search #username {
    width: 120px;
}

#tws-partner-search-show-all {
    margin-top: 10px;
}

/*
    Styling for policies on SLA and Partner SLA pages.
 */
#tws-prm-partner-sla-information-application-policies label {
    width: 40%;
}

input[type=text].policyValueMap {
    width: 50%;
}

/*
 Styling for Roles Administration
*/
#userRolesTableContainer table * {
    padding: 2px;
}

.confirmAction {
    color:#D8000C;
    border: 1px solid red;
    background-color: #FFBABA;
    color: #D8000C;
}

#confirm-action.yui-button button,
#add-role-button.yui-button button,
#remove-role-button.yui-button button,
#delete-role-button.yui-button button,
#cancel-action.yui-button button  {
    overflow: hidden;
    padding: 0 0.75em;
    height: 24px !important;
}

#userRolesTableContainer .yui-dt1-col-select .yui-dt-liner {
    overflow: visible !important;
}

#role-admin-page form div {
    clear: none;
}

#role-creation {
    margin-top: 20px;
}

/*
 Styling for Roles Administration.
 */
#spacer.grid_1 {
    width: 40px;
}

#authorisations select {
    width: 240px;
}

#authorisations  {
    margin-top: 1em;
}

#authorisations #rolesTableContainer {
    margin-top: 1em;
}

.forgotPasswordLink {
    position: relative;
    top:-30px;
    left: 180px;
}




.news .story {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C1C1C1;
}

.news .story .title {
    font-size: large;
    font-weight: normal;
    margin-bottom: 5px;
}

.news .story .date, .news .story .title {
    font-weight: bold;
}

.news .story_0 {
    background: #F3F3F3;
    border: 2px solid #C1C1C1;
    padding: 10px 10px;
    width: 100%;
    -moz-border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news .story_0 .newsimage {
}

.news .story_0 .title, .news .story_0 .date {
    font-size: x-large;
    font-weight: normal;
}

.news .story_0 .body {
    top: 60px;
    padding-right: 20px;
}