/*! Adopted from HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ but customized for XHTML */

html,
button,
input,
select,
textarea {
    color: #222;
}
html {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea { resize: vertical; }
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body { 
    background: #eee;
    min-width: 668px; /* prevents the the tiles from going to a single column */ 
}
a { color: #f07f31; text-decoration: none; }
a:hover { color: #222; }



/* ==========================================================================
   Header
   ========================================================================== */
.header-container {
    background: url("/javax.faces.resource/header-repeat.gif.xhtml?ln=images/marsh") repeat-y center top; /* light */ /* dark */
    height: 107px;
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }
.header-container .wrapper { 
    position: relative;
    padding: 0px 5px;
}
.header-container-light {
    background: url("/javax.faces.resource/header.gif.xhtml?ln=images/marsh") no-repeat center top; /* light */
    height: 107px;
    width: 100%;
}



/* ==========================================================================
   Logos
   ========================================================================== */
.header-logo {
    position: absolute;
    left: 10px;
    top: 30px;
}
.footer-logo {
    padding: 3px 0 0 0;
    font-size: 13px;
    color: #555;
    background: url("/javax.faces.resource/logo-solartis.gif.xhtml?ln=images/marsh") no-repeat right top;
    width: 150px;
}



/* ==========================================================================
   Main Navigation (left header content)
   ========================================================================== */
.nav {
    position: absolute;
    left: 10px;
    top: 80px;
    font: bold 14px/16px Arial, sans-serif;
}
.nav ul, 
.nav li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}
.nav ul li a {
    color: #85D2E3; 
    text-decoration: none;
	background: url("/javax.faces.resource/expand-arrow-blue.png.xhtml?ln=images/marsh") no-repeat right center;
    padding: 0 12px 0 0;
    margin: 0 20px 0 0;
}
.nav ul li a:hover {color: #fff;}



/* ==========================================================================
   Account Info (right header content)
   ========================================================================== */
.account-info {
    position: absolute;
    right: 10px;
    top: 70px;
    color: white;
}
.account-info .name {
    background: url("/javax.faces.resource/expand-arrow-white.png.xhtml?ln=images/marsh") no-repeat right center;
    padding: 0 12px 0 0;
    text-align: right;
    font: normal 14px/16px Arial, sans-serif;
    display: inline-block;
}
.account-info .messages {
    border-left: solid 1px #ccc;
    padding: 0px 0 0 12px;
    margin-left: 12px;
    display: inline-block;
    background: url("/javax.faces.resource/icon-message.png.xhtml?ln=images/madpow") no-repeat right bottom; /* fallback to png for svg graphics */
    background: url("/javax.faces.resource/icon-message.svg.xhtml?ln=images/madpow") no-repeat right bottom;
    width: 32px;
    height: 26px;    
}
.circle {
    display: inline;
    padding-left: 4px;
    padding-right: 4px;
    background: #f07f31;
     -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
             border-radius: 10px;
    right: -10px;
    position: absolute;
}
.circle a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    position: relative; 
}



/* ==========================================================================
   Main Content Area
   ========================================================================== */
.content-area { padding: 15px 0; }
.breadcrumb {
    padding: 15px 0 5px 5px;
    font: normal 12px/14px Arial, sans-serif;
   
}
.breadcrumb ul {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
.breadcrumb li a { 
    color: #f07f31;
    text-decoration: none;
}
.breadcrumb li a:hover { color: #000; }
.title {
    padding: 0px 0 25px 5px;
    font: normal 22px/24px Arial, sans-serif;
    color: #0AC;
}
/* This prevents the status and breadcrumb from overlapping when smaller than 990px; */
.status {
    position: relative;
    float: right;   
    text-align: right;
}
.status .details { font: normal 12px/14px Arial, sans-serif; }
.status .details a {text-decoration: none;}
.status .details li { 
    border-right: solid 1px #777;
    padding-right: 10px;
    margin-right: 10px; 
}
.status .details :last-child {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
}



/* Added this to divide up the content of the "Additional Layouts" */
.sections { padding-top: 100px; }



/* ==========================================================================
   Tiles
   ========================================================================== */
.tile1,
.tile2,
.tile3 {
    border: solid 1px #aaa;
    min-height: none;
    margin: 0 5px 10px;
    float: right;
    background: #fff;
    position: relative;
}

 .tile6
{
    border: solid 3px #083A70;
    min-height: none;
    margin: 0 1px 0px 5px;
    float: left;
    background: #fff;
    position: relative;
    border-bottom:10px solid #083A70;
   
}


.border
{
	border: solid 3px #0077BB;
	
}
.border:hover
{
	border: solid 3px #00407F;
}

.tile4 {
	border: solid 1px #aaa;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #EDF5FF !important;
    position: relative;
}

.tile5 {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

.tile:hover {
    -webkit-box-shadow: 0 5px 10px #aaa;
       -moz-box-shadow: 0 5px 10px #aaa;
            box-shadow: 0 5px 10px #aaa;
}
.tile:hover .header { background: #00407f; }


.tile1,
.tile2,
.tile3 { }


.tile1 { width: 48%; }
.tile2,
.tile3 { width: 97%; }

.tile6 { width: 100%; }

.tile1 .header,
.tile2 .header,
.tile3 .header {
    background: #07B;
    padding: 7px 0 7px 15px;
    color: #fff;
    font: normal 22px/24px Arial, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.tile5 .header {
    background: #4f81bd;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.header .count { color: #85D2E3; }

.tile .header ul, li .icons {
    display: inline-block;
    float: right;
    padding-left: 5px;
    margin: 0px;
    cursor: pointer;
}
.tile .header ul:last-child { padding-right: 10px;}

.tile .header .icons.expand {
    border: solid 2px #66B2D0;
    background: url("/javax.faces.resource/icon-expand.png.xhtml?ln=images/madpow") no-repeat right bottom; /* fallback to png for svg graphics */
    background: url("/javax.faces.resource/icon-expand.svg.xhtml?ln=images/madpow") no-repeat right bottom;
    width: 21px;
    height: 21px; 
}
.tile .header .icons.toolbox.active {
    background: #fff url("/javax.faces.resource/icon-toolbox-active.png.xhtml?ln=images/madpow") no-repeat right bottom; /* fallback to png for svg graphics */
    background: #fff url("/javax.faces.resource/icon-toolbox-active.svg.xhtml?ln=images/madpow") no-repeat right bottom;
    border-bottom: none;
    opacity: 1;
    z-index: 10;
}

.toolbox-menu ul {
    font: normal 12px/22px Arial, sans-serif;
    text-transform: none;
    color: #333;
    background: #fff;
    border: solid 2px #66B2D0;
    top: 16px; 
    right: 10px;
    padding: 10px;
    position: absolute;
    z-index: 1;
}
.toolbox-menu ul li { display: block; }
.toolbox-menu ul li a { color: #222; }
.toolbox-menu ul li a:hover { color: #f07f31; }

.icons:hover { opacity: .8; }

.tile .footer { 
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.tile1 .content,
.tile2 .content,
.tile3 .content{
    padding: 15px;
    color: #222;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
}

.tile4 .content {
    padding: 15px;
    color: blue;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
}

.tile5 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
    font: normal 13px/16px Arial, sans-serif;
    color: #333;
}
.pagination a { 
    text-decoration: none;
    color: #888;
    padding: 0px 5px;
}
.pagination a.arrows { color: #333; }
.pagination a:hover,
.pagination a.arrows:hover,
.pagination a.active { 
    color: #85D2E3;
    cursor: pointer;
}
.pagination .arrows.smaller { font-size: 10px; }
.pagination .arrows { padding: 0px; }

.pagination .results { color: #888;  }



/* ==========================================================================
   Footer
   ========================================================================== */
.footer-container { margin: 0 0 20px 0; }
.footer-container .wrapper {
    color: #aaa;
    padding: 0 0 0 30px;
}



/* ==========================================================================
   Buttons
   ========================================================================== */
.buttons {
  display: inline-block;
  padding: 5px 10px 5px 30px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  background: url("/javax.faces.resource/buttons-repeat.jpg.xhtml?ln=images/marsh") repeat-x center center;
  border: 1px solid #bbbbbb;
  position: relative;
  color: #666;
}

.buttons { margin-top: 5px; } /* this can be removed, added for display purposes in the demonstration only */

.buttons:hover,
.buttons:focus {
  color: #f07f31;
  text-decoration: none;
}

.buttons .icon {
    color: #f07f31;
    position: absolute;
    left: 8px;
}
.buttons.no-icon { padding-left: 10px; }

.buttons .icon.clear { font-size: 16px; }
.buttons .icon.add { 
    font-size: 24px; 
    bottom: 4px;
}
.buttons .icon.certificate { 
    background: url("/javax.faces.resource/icon-certificate.png.xhtml?ln=images/madpow") no-repeat left bottom; /* fallback to png for svg graphics */
    background: url("/javax.faces.resource/icon-certificate.svg.xhtml?ln=images/madpow") no-repeat left bottom;
    height: 16px;
    width: 9px;
    bottom: 6px;
    left: 10px;
}
.buttons .icon.r-arrows {
    font-size: 22px;
    bottom: 6px;
    left: 10px;
}

.buttons.split {
     border-left: medium none;
     padding: 13px 8px 11px 6px;
}

/* ==========================================================================
   Table elements
   ========================================================================== */
table tr td span{ padding: 3px; }
table tr td span.gray { color: #888; }

table tr td.gray {
    color: #888888;
}
table tr.editing {
    background: none repeat scroll 0 0 #E4F4F7;
}
table tr td.td25 {
    width: 25%;
}
table tr td.td50 {
    width: 50%;
}
table tr td.td45 {
    width: 45%;
}
table tr td.td55 {
    width: 55%;
}
/*
table tr td.td45 { width: 45%; }
table tr td.td55 { width: 55%; }
*/



/* ==========================================================================
   Loading Animated Gif
   ========================================================================== */
.loading {
    background: url("/javax.faces.resource/loading.gif.xhtml?ln=images/marsh") no-repeat center center;
    height: 63px;
    width: 63px;
    margin: 70px auto 0;
}



/* ==========================================================================
   Media Queries - removed mobile sizes. Tables covering 2/3 of the page will be forced to scroll horizontally.
   ========================================================================== */
@media only screen and (min-width: 1000px) { 

/* Maximal Width | Makes it so the header and content stop expanding on larger monitors. */
    .wrapper {
        width: 990px;
        margin: 0 auto;
        position: relative;
    }

/* This makes the tiles a fixed width when larger than 990px; */
    .tile1 { width: 318px; } /* tiles spanning 1 column  */ 
    .tile2 { width: 648px; } /* tiles spanning 2 columns */
    .tile3,.tile6,.tile6_plnewui { width: 980px; } /* tiles spanning 3 columns */

/* This positions the status in line with the breadcrumb when larger than 990px; */
    .status {
    position: absolute;
    right: 0px;
    text-align: right;
}

/* floats a tile right when necessary */
    .right {float: right;}
    
/* floats a tile right when necessary */
	.left{float: left;}

	.status { position: absolute; text-align: right; }
  	.reveal-modal { top: 250px; }

}





/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.right {
     float: right;
}

.left {
     float: left;
}

.top10 {
     padding-top: 10px;
}

.reveal-modal-bg {
     background: none repeat scroll 0% 0% rgba(238, 238, 238, 0.8);
     display: none;
     height: 100%;
     left: 0px;
     position: fixed;
     top: 0px;
     width: 100%;
     z-index: 100;
}

.reveal-modal {
     left: 50%;
     position: absolute;
     top: 10%;
     visibility: hidden;
     z-index: 101;
}

.reveal-modal .tile1, .reveal-modal .tile2, .reveal-modal .tile3 {
     box-shadow: 0px 5px 10px #AAAAAA;
}

.reveal-modal .tile1 {
     margin-left: -165px;
     width: 330px;
}

.reveal-modal .tile2 {
     margin-left: -324px;
     width: 648px;
}

.reveal-modal .tile3 {
     margin-left: -490px;
     width: 980px;
}

.reveal-modal .close-reveal-modal {
     border: 2px solid #66B2D0;
     color: #FFFFFF;
     cursor: pointer;
     font-size: 22px;
     font-weight: normal;
     line-height: 0.5;
     padding: 5px;
     position: absolute;
     right: 11px;
     top: 6px;
}

.reveal-modal .tile:hover .header {
     background: none repeat scroll 0% 0% #0077BB;
}

.caret {
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 4px solid;
     display: inline-block;
     height: 0px;
     margin-left: 2px;
     vertical-align: middle;
     width: 0px;
}


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 { page-break-after: avoid; }
}
/* created by shalini */

/* Search box */
.right
{
	float:right;
}

 .top10
 {
 padding-top:10px;
 }
 
 .search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 1px;
    float: right;
    font: 14px/16px Arial,sans-serif;
    height: 25px;
    margin: 0 10px 2px 0;
    padding-left: 5px;
    position: relative;
    width: 150px;
}

.search .box
{
	border:none;
	font-size: 14px;
	font-weight: normal;
	color: #AAAAAA;
}

.search input.box {
    background-color: rgba(0, 0, 0, 0);
    bottom: -1px;
    height: 25px;
    position: absolute;
    width: 120px;
}
.search input {
    border: medium none;
      color: #AAAAAA;
}


.search .Searchimg
{
    height: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
}

/* command link style */
.Datatable-form .commandlink 
{
	color:#F07F31;
}


/* input text box */	
.box{
	
	font-family: sans-serif;
	font-size: 100%;
	 line-height: normal;
	 width: 90%;
	 margin: 0;
	margin: 0;
    vertical-align: baseline;	
     color: #222222;
     }
     
.phonebox{
	font-family: sans-serif;
	font-size: 100%;
	line-height: normal;
	margin: 0;
	margin: 0;
	vertical-align: baseline;	
	color: #222222;
     }    
          
     
     .input-edit{
     width:80%;
     }
     
     .center{
     text-align:center;
     }
     
   


 /* drop down menu*/ 
     
     
.selectricWrapper {
    cursor: pointer;
    position: relative;
}
.selectricDisabled {
    -moz-user-select: none;
    cursor: default;
    opacity: 0.5;
}
.selectricOpen {
    z-index: 9999;
}
.selectricOpen .selectricItems {
    display: block;
}
.selectricHideSelect {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 0;
}
.selectricHideSelect .selectMenu {
    display: none;
    left: -100%;
    position: absolute;
}
.selectricInput {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    height: 1px !important;
    left: 0 !important;
    margin: 0 !important;
    outline: medium none !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 1px !important;
}
.selectricTempShow {
    display: block !important;
    position: absolute !important;
    visibility: hidden !important;
}
.selectricOpen .selectric {
    background: none repeat scroll 0 0 #DFDFDF;
    border-color: #A2A2A2;
    z-index: 9999;
}
.selectric {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #BBBBBB;
    border-radius: 0;
    position: relative;
    width: 93%;
}
.selectric .label {
    color: #222222;
    display: block;
    line-height: 10px;
    margin: 0 22px 0 0;
    min-height: 10px;
    overflow: hidden;
    padding: 5px 5px 5px 2px;
    white-space: nowrap;
}
.selectric .button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #BBBBBB;
    display: block;
    font: 0px/0 a;
    height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 22px;
}
.selectric .button:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #222222 rgba(0, 0, 0, 0) -moz-use-text-color;
    border-image: none;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-style: solid solid none;
    border-width: 4px 4px medium;
    bottom: 0;
    content: " ";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.selectricHover .selectric {
    background: none repeat scroll 0 0 #DFDFDF;
    border-color: #A2A2A2;
}
.selectricHover .selectric .button {
    color: #A2A2A2;
}
.selectricHover .selectric .button:after {
    border-top-color: #222222;
}
.selectricItems {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 10px -6px;
    display: none;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 100%;
    z-index: 9998;
}
.selectricItems ul, .selectricItems li {
    font-size: 12px;
    line-height: 20px;
    list-style: none outside none;
    margin: 0;
    min-height: 20px;
    padding: 0;
}
.selectricItems li {
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    cursor: pointer;
    display: block;
    padding: 3px;
}
.selectricItems li.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #444444;
}
.selectricItems li:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #444444;
}
.selectricItems li.disabled {
    background: none repeat scroll 0 0 #F5F5F5;
    border-top-color: #FAFAFA;
    color: #BBBBBB;
    cursor: default;
}
     
     
     
 /*mandatory */
 

.label_mandatory:BEFORE {
	content:'*';
	color: #F1863D;
}
   
 /* label-content */
   .label-content{
   margin-left: 8px;
   }  

     .ERROR {
	color: red;
}


.Spinner{
	
	margin-left:110px;
	margin-top:60.5px;
}

.reveal-modal .tile1 {
    margin-left: -165px;
    width: 330px;
}
.reveal-modal .tile1, .reveal-modal .tile2, .reveal-modal .tile3 {
    box-shadow: 0 5px 10px #AAAAAA;
}


.reveal-modal .close-reveal-modal {
    border: 2px solid #66B2D0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 22px;
    font-weight: normal;
    line-height: 0.5;
    padding: 5px;
    position: absolute;
    right: 11px;
    top: 6px;
}

.reveal-modal-bg {
    background: none repeat scroll 0 0 rgba(238, 238, 238, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.reveal-modal .tile2 {
    margin-left: -324px;
    width: 648px;
}


.reveal-modal .tile3 {
    margin-left: -490px;
    width: 980px;
}

.align-center
{
	margin-left: 10px;
}
.tile6 .content{
    color: #222;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
}

.tile7 {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

.tile7 .header {
    background: #4f81bd;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile7 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tile7 { width: 980px; }
 .tile8 {
 border: solid 2px #676767;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

 .tile8_blue {
 border: solid 2px #406486;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

 .tile8_blue:hover {
 border: solid 2px #1D3953;
}

.tile8 .header {
    background: #454545;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: none !important;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile8_blue .header {
    background: #406486;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: none !important;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}
.tile8 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tile8_blue .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tile8 { width: 975px; }

.tile8_blue { width: 975px; }

.tile8:hover .header { background: #212121; }
.tile8_blue:hover .header { background: #1D3953; }
.common_static_Radio{
 border-bottom: none !important;
 margin-left:-11px;
 color: #888888;
}

.common_Radio_Stye{
 border-bottom: none !important;
 margin-left:-11px;
}
.common_width_200 {
 width:200px;
}

.tile9 {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 2px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

.tile9 .header {
    background: #07B;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile9 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans#4F8BC7-serif;
}
.tile05 {
	border: solid 2px #4F8BC7;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}
.tile05 .header {
    background: #4F8BC7;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
    min-height: 15px !important;
}
.tile05 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}
.tile7 .header ul, li .icons {
    display: inline-block;
    float: right;
    padding-left: 5px;
    margin: 0px;
    cursor: default !important;
}
.tile8_blue .header ul, li .icons {
    display: inline-block;
    float: right;
    padding-left: 5px;
    margin: 0px;
    cursor: default !important;
}

.tile4_1 {
	border: none;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #EEEEEE !important;
    position: relative;
    box-shadow : none;
}
.tile4_1.hover {
	border: none;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #EEEEEE !important;
    position: relative;
    box-shadow : none;
}
.tile4_1 .content {
    padding: 15px;
    color: blue;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
}
.tile4_1 .content .hover {
    padding: 15px;
    color: blue;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
    box-shadow : none;
}

.common_container_static_textbox_label {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: text !important;
}

.common_form_datatable_link_alive {
	color: #1122CC !important;
}

.common_form_datatable_link_alive:hover {
	color: #1122CC !important;
	text-decoration: underline;
}

.tile8_bluegreen {
 border: solid 2px #51A0AF;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

 .tile8_bluegreen:hover {
 border: solid 2px #417E8A;
}

.tile8_bluegreen .header {
    background: #51A0AF;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: none !important;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile8_bluegreen .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tile8_bluegreen { width: 975px; }

.tile8_bluegreen:hover .header { background: #417E8A; }

.tile8_bluegreen .header ul, li .icons {
    display: inline-block;
    float: right;
    padding-left: 5px;
    margin: 0px;
    cursor: default !important;
}

.tile8_Darkblue .header ul, li .icons {
    display: inline-block;
    float: right;
    padding-left: 5px;
    margin: 0px;
    cursor: default !important;
}


 .tile8_Darkblue {
 border: solid 2px #0077BB;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

.tile8_Darkblue:hover {
 border: solid 2px #00407f;
}

.tile8_Darkblue .header {
    background: #0077BB;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: none !important;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile8_Darkblue .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tile8_Darkblue { width: 975px; }

.tile8_Darkblue:hover .header { background: #00407f; }

.columnHeader_GrayGradient {
    background: url("/webv2/javax.faces.resource/sprite.png.xhtml?ln=images/template") repeat-x scroll 0 0 transparent !important;
    border-color: #a8a8a8 !important;
    border-style: 0px solid !important;
    border-width: 1px !important;
    color: #4f4f4f !important;
    font-weight: bold !important;
    padding: 3px 10px !important;
}

.tile06 {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}
.tile06 .header {
    background: #4f81bd;
    padding: 7px 0px 8px 30px !important;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}
.tile06 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}
.tile_06:hover {
    -webkit-box-shadow: 0 5px 10px #aaa;
       -moz-box-shadow: 0 5px 10px #aaa;
            box-shadow: 0 5px 10px #aaa;
}
.tile_06:hover .header { background: #4173AE !important; }
.tile5:hover .header { background: #07b; }

.errorPanelDarkBlue_withBorder{
	margin-left: 5px !important; 
	margin-bottom: 9px !important; 
	margin-top: 6px !important; 
	margin-right:6px !important; 
	border:2px solid #406486 !important; 
	background:white !important;
}
.tile_06_info:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.tile_06_info:hover .header { background: none; }

.tile_info{
	min-height: none;
	margin: 0 5px 10px;
	float: right;
	background: none;
	position: relative;
}
.tile_info{
	width: 50%;
}
.tile_info .header{
	background: none;
	padding: 7px 0 7px 15px;
    color: none;
    font: normal 22px/24px Arial, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.tile_info .content{
	padding: 15px;
    color: #222;
    font: normal 14px/18px Arial, sans-serif;
    max-height:246px;
}
.tile10 {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 2px;
    float: left;
    background: #fff !important;
    position: relative;
}
.tile10 .header {
    background: #07B;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tile10 .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}
.tilescl:hover {
    -webkit-box-shadow: 0 5px 10px #aaa;
       -moz-box-shadow: 0 5px 10px #aaa;
            box-shadow: 0 5px 10px #aaa;
            border: solid 2px #1A64AB;
}
.tilescl:hover .header {
	background: #1A64AB;
	 }

	 .tileplnewui {
	border: solid 2px #1F497D;
    min-height: none;
    margin: 0 5px 10px;
    float: left;
    background: #fff !important;
    position: relative;
}

.tileplnewui .header {
    background: #4f81bd;
    padding: 7px 0 7px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font: 16px/14px Arial,sans-serif !important;
    font-weight: bold !important;
}

.tileplnewui .content {
    height: auto !important;
    max-height: none !important;
    padding: 5px !important;
    color: #222;
    font: 12px/14px Arial,sans-serif;
}

.tileplnewui 
	 { 
	 width: 1027px;
}

.tileplnewui_1
{	
right: -47px !important;
}