body { margin: 0; padding: 0; background: #EFEFEF; font: 12px/1.5 "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;; font-weight: 400; color: #615f5e; }
#page{margin-top: 3px;margin-bottom: 3px;background: white;border: 1px solid #DDDDDD;}
#header{margin: 0;padding: 0;border-top: 1px solid #CCCCCC;}
#content{padding: 0px 20px 7px 20px;min-height: 300px;}
#sidebar{padding: 0 0 20px 0;margin-right: 10px;}
#footer{padding: 10px;margin: 0px;font-size: 0.8em;text-align: center;border-top: 1px solid #C9E0ED;background: #000000;color: #DDD;}
#logo{padding: 3px 7px 0px 7px;font-size: 100%;}
#mainmenu{background: #003594;margin-left: -7px;margin-right: -7px;}
div.flash-error, div.flash-notice, div.flash-success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;border-radius: 7px;  min-height: 18px; padding-left: 35px;}
div.flash-error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;background: url(flash-error.png) left center no-repeat #FBE3E4;background-position: 10px 10px;}
div.flash-notice{background:#FFF6BF;color:#514721;border-color:#FFD324;background: url(flash-notice.png) left center no-repeat #FFF6BF;background-position: 10px 10px;}
div.flash-success{background:#E6EFC2;color:#264409;border-color:#C6D880;background: url(flash-success.png) left center no-repeat #E6EFC2;background-position: 10px 10px;}
div.flash-error a{color:#8a1f11;}
div.flash-notice a{color:#514721;}
div.flash-success a{color:#264409;}
div.form .rememberMe label{display: inline;}
div.view{padding: 10px;margin: 10px 2px;border: 1px solid #C9E0ED; border-radius:3px;}
div.breadcrumbs{font-size: 0.9em;padding: 5px 20px;}
#breadcrumbs li {float: left;position: relative;border: 1px solid #ddd;border-left: none;padding: 6px 12px 6px 18px;}
#breadcrumbs .arrow, #breadcrumbs .arrow:after { border-color: transparent; border-style: solid; display: inline-block; height: 0; position: absolute; width: 0;}
#breadcrumbs .arrow:after {content: "";z-index: -1;}
#breadcrumbs .arrow { border-left-color: #FFFFFF; border-width: 10px 0 10px 10px; margin-top: -10px; right: -10px; top: 50%;}
#breadcrumbs .arrow:after {border-left-color: rgba(0, 0, 0, 0.25);border-width: 11px 0 11px 11px;bottom: -11px;right: -1px;}
#breadcrumbs2 {padding: 8px 15px;}
#breadcrumbs2 li {display: inline;}
#breadcrumbs2 li span {margin: 0 5px;}
#breadcrumbs3 {background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
               background-image:-ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);	
               background-image:    -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);	
               background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);               
               background-color: #F7F7F7;border: 1px solid #ddd;	
               padding: 8px 15px;margin-bottom: 14px;margin-left: 14px;margin-right: 14px;
               -webkit-border-radius: 6px 20px; -moz-border-radius: 6px 20px; border-radius: 0px 0px 7px 7px;}
#breadcrumbs3 li {display: inline;}
#breadcrumbs3 li span {margin: 0 5px;}
div.search-form { padding: 10px; margin: 10px 0; background: #eee; }
.portlet { }
.portlet-decoration {padding: 3px 8px;background: url(diagonal.png) #f6f6f6 repeat; 
                    border-top-left-radius: 7px;border-top-right-radius: 7px;border-top: 1px dashed #CCC;border-left: 1px dashed #CCC;border-right: 1px dashed #CCC;}
.portlet-title { border-bottom: 1px solid #d5d4d3; font-weight: bold; line-height: 24px; margin-bottom: 1px; padding-bottom: 3px; padding-left: 5px; text-align: left;}
.portlet-content { background: url(diagonal.png) #f6f6f6 repeat; color: #615f5e; font-size: 1em; line-height: 1.3em; height: 275px;        
                  margin-bottom: 10px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px dashed #CCC; 
                  border-left: 1px dashed #CCC; border-right: 1px dashed #CCC; }
.portlet-content ul {	list-style-image:none;list-style-position:outside;list-style-type:none;	margin: 0;padding: 0;}
.portlet-content li { padding: 2px 0px 4px 0px; }
.operations { list-style-type: none; margin: 0; padding: 0; }
.operations li { padding-bottom: 2px; }
.operations li a { color: #000000; display: block; padding: 7px 14px 7px 14px; line-height: 15px; text-decoration: none; }
.operations li a:visited { color: #000000; }
.operations li a:hover { background: #64a70b; color: #ffffff; }
.gcv_instructions { display: none; }
.grid-view .items th:first-child, .grid-view .items td:first-child { width:40px; min-width: 40px; max-width: 40px; }
/*.grid-view .items th:nth-child(2), .grid-view .items td:nth-child(2) { width:20px; min-width: 20px; max-width: 20px; }*/
.grid-view .items th:nth-child(2), .grid-view .items td:nth-child(2) { width:35px; min-width: 35px; max-width: 35px; }
input[type=text],textarea, select { border-radius: 4px;border: 1px solid #BBB; background: ghostwhite; }
.grid-view .items td:nth-child(2) input { width: 20px; }
.myactions img { width:16px; height: 16px; }
input[type=checkbox]{ width: 16px; }
input[type=submit],input[type=reset]{ 
        padding: 10px 20px 20px 20px !important;
        text-decoration: none; font-size: 12px; line-height: 12px;
        color: white; text-align: center; height: 20px;        
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        -o-border-radius: 4px; 
        -ms-border-radius: 4px; 
        -khtml-border-radius: 4px; 
        border-radius: 4px;
        -moz-box-shadow: inset rgba(255,255,255,0.2) 0 0 2px,rgba(51,51,51,0.3) 0 1px 2px;
        -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 0 2px,rgba(51,51,51,0.3) 0 1px 2px;
        -o-box-shadow: inset rgba(255,255,255,0.2) 0 0 2px,rgba(51,51,51,0.3) 0 1px 2px;
        box-shadow: inset rgba(255,255,255,0.2) 0 0 2px,rgba(51,51,51,0.3) 0 1px 2px;
}
input[type=submit]{  
        border: 1px solid #64a70b !important; 
        background-color: #64a70b; 
        background-image: -webkit-gradient(linear,left top,left bottom,from(#91bc28),to(#64a70b));
        background-image: -webkit-linear-gradient(top,#91bc28,#64a70b);
        background-image: -moz-linear-gradient(top,#91bc28,#64a70b);
        background-image: -o-linear-gradient(top,#91bc28,#64a70b);
        background-image: -ms-linear-gradient(top,#91bc28,#64a70b);
        background-image: linear-gradient(top,#91bc28,#64a70b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#91bc28',EndColorStr='#64a70b');
}
input[type=reset]{ border: 1px solid red !important;
        background-color: red;
        background-image: -webkit-gradient(linear,left top,left bottom,from(orangered),to(red)); 
        background-image: -webkit-linear-gradient(top,orangered,red);
        background-image: -moz-linear-gradient(top,orangered,red); 
        background-image: -o-linear-gradient(top,orangered,red); 
        background-image: -ms-linear-gradient(top,orangered,red);
        background-image: linear-gradient(top,orangered,red); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='orangered',EndColorStr='red');
}
a.search-button { display: none; }
.myid { width: 30px; min-width: 30px; max-width: 30px; }
fieldset {         
        background: ivory;         
        -moz-border-radius: 7px;        
        -webkit-border-radius: 7px;        
        -o-border-radius: 7px;        
        -ms-border-radius: 7px;        
        -khtml-border-radius: 7px; 
        border-radius: 7px;}
fieldset legend { 
        background: burlywood;color: black; padding: 3px; 
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px; 
        border-radius: 3px;
}
fieldset table { width: 90%; }
#shortcutmenu { padding: 0px 20px; float: right; }

.dataTable thead th, .dataTable tfoot th {
    background: #ccc; color: #111; font-weight: normal; font-style: normal;
    border-top: 1px #999 solid;border-bottom: 1px #bababa solid;
}

.ondevmode { background: #ccc; color: #666; }

.commentByCss { color: red; text-transform: uppercase;}
.commentOnCss { color: green; text-transform: uppercase;}
.commentsTable th{ color:#111;background:#ccc;border-top: 1px #999 solid;border-bottom: 1px #bababa solid; }
.commentsTable td{ color: #000000; }