﻿@charset "utf-8";
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,h4,h5,h6 {
background:transparent;
border:0;
font-size:100%;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}
#pager{width:100% !important}
ul,ol {
margin:13px 0 13px 15px;
padding:0;
}

ul li,ol li {
line-height:1.7;
margin:0 0 2px;
padding:0;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
}

:focus {
outline:0;
}

del {
text-decoration:line-through;
}

table {
/*border-collapse:collapse;*/
border-spacing:0;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
width:100% ;
}

.clearfix {
display:inline-block;
width:100% ;
background-color:#fff;
}

html,body {
color:#333;
font:11px Segoe UI, Arial, sans-serif;
margin:0;
padding:0;
background: url("../images/bg.png") repeat-x scroll left top #EEEEEE;
}
.push {
}
#container {
background:#ddd;
overflow:hidden;
margin:0 auto;
}
.EditTable{width:20%;}
.fm-button-icon-left{width:auto !important}
.ui-jqgrid-sdiv,.ui-jqgrid-hbox,.ui-jqgrid-ftable,#gbox_list,#gview_list,.ui-jqgrid-hbox,.ui-jqgrid-labels,.ui-jqgrid-htable,.ui-jqgrid-hdiv,.ui-jqgrid-htable,.ui-jqgrid-bdiv,.ui-jqgrid-btable{width:100% !important}
.ui-jqgrid-btable{text-align: center}
#header {
background:#DDD;
height:80px;
}
.ui-jqgrid tr.jqgrow td {
     height:16px !important;
     font-size: 13px;
   }
.ui-jqgrid .ui-jqgrid-htable th{height: auto !important}/* width: 5%!important */
.ui-widget-header{font-size:12px }
#header #logo {
float:left;
line-height:80px;
width:20%;
height:83px;
margin:10px 30px 10px 10px;
background: url(../images/sagena.png) no-repeat;
background-size: 190px
}

#header #admin-details {
float:right;
line-height:25px;
text-align:center;
width:250px;
margin:10px 0;
padding:15px 10px;
color: #3AB0C1;
font-size: 17px;
}

#header #admin-details img {
float:left;
margin-left:10px;
}

#content {
float:left;
width: 16%;
display: block;
}

#sidebar {
float:right;
margin-left:1px;
width:70px;
padding:0 10px 10px;
}

#nav {
border-bottom:1px solid #CCC;
width:830px;
margin:0 -10px;
}

#nav-side {
padding:8px 0 0;
}

#footer {
background-color:#F9F9F9;
border-top:1px solid #CCC;
height:15px;
line-height:15px;
text-align:center;
padding:10px;
margin-top: 10px
}

#header-login {
line-height:100px;
text-align:center;
}

#login-container {
background-color:#FFF;
border:1px solid #555;
text-align:center;
width:350px;
margin:0 auto;
padding:20px;
}

h1,h2,h3,h5,h6 {
color:#222;
line-height:1.2;
text-align:left;
margin:10px 0;
padding:5px 5px 5px 0;
}

h4,h5,h6 {
color:#444;
}

h2 {
border-bottom:1px solid #CCC;
font-size:17px;
height:32px;
line-height:32px;
padding:0 0 0 50px;
}

h3 {
border-bottom:1px solid #CCC;
font-size:13px;
height:32px;
line-height:32px;
padding:0 0 0 5px;
}

h5 {
font-size:12px;
}

h6 {
font-size:11px;
}

dl {
margin:12px 0;
}

dl dt {
font-weight:700;
margin:8px 0;
}

dl dd {
font-size:12px;
margin:0 0 0 15px;
}

img {
border:0;
}

p {
line-height:1.6;
text-align:justify;
margin:5px 0;
}

a {
color:#4096EE;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.logo {
color:#fff;
font-size:30px;
font-style:italic;
font-weight:700;
text-shadow:0 2px 3px #777;
}

a.side-a {
border-bottom:1px solid #EEE;
color:red;
display:block;
text-align:center;
margin:0 -10px 10px;
padding:5px 0;
}

a.side-a:hover {
background:#F5F5F5 url(../images/minibg.png) top left repeat-x;
text-decoration:none;
}

a.a-dark {
color:#006;
}

a.a-red {
color:red;
}

.pad-lr {

padding:0px 15px 0px 0px;
}

.radius {
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

.center {
text-align:center;
}

.charsLeft {
float:left;
font-size:16px;
font-weight:700;
padding-left:10px;
}

.hidethis {
cursor:pointer;
}

.ic-default {
background:url(../images/ic-default.png) 13px center no-repeat;
overflow:hidden;
clear:both;
}

.ic-msg {
background:url(../images/ic-msg.png) 5px center no-repeat;
}

.ic-user {
background:url(../images/ic-user.png) 5px center no-repeat;
}

.ic-comment {
background:url(../images/ic-comment.png) 5px center no-repeat;
}

.ic-db {
background:url(../images/ic-db.png) 5px center no-repeat;
}

.ic-style {
background:url(../images/ic-style.png) 5px center no-repeat;
}

.ic-tagblue {
background:url(../images/ic-tagblue.png) 5px center no-repeat;
}

.ic-taggreen {
background:url(../images/ic-taggreen.png) 5px center no-repeat;
}

.ic-tagorange {
background:url(../images/ic-tagorange.png) 5px center no-repeat;
}

.ic-side-default {
background:url(../images/ic-default.png) right center no-repeat;
}

.ic-side-msg {
background:url(../images/ic-msg.png) right center no-repeat;
}

.ic-side-user {
background:url(../images/ic-user.png) right center no-repeat;
}

.ic-side-comment {
background:url(../images/ic-comment.png) right center no-repeat;
}

.ic-side-db {
background:url(../images/ic-db.png) right center no-repeat;
}

.ic-side-style {
background:url(../images/ic-style.png) right center no-repeat;
}

.ic-side-tagblue {
background:url(../images/ic-tagblue.png) right center no-repeat;
}

.ic-side-taggreen {
background:url(../images/ic-taggreen.png) right center no-repeat;
}

.ic-side-tagorange {
background:url(../images/ic-tagorange.png) right center no-repeat;
}

.msg-info,.msg-atten,.msg-ok,.msg-error {
color:#000;
margin:3px 0;
padding:10px 10px 10px 40px;
}

.msg-info {
background:#ADC2F7 url(../images/msg-info.png) 6px center no-repeat;
border:1px solid #6D94F7;
color:#03C;
}

.msg-atten {
background:#FAE673 url(../images/msg-atten.png) 6px center no-repeat;
border:1px solid #FEBD63;
color:#C60;
}

.msg-ok {
background:#AEE893 url(../images/msg-ok.png) 6px center no-repeat;
border:1px solid #8EC46C;
color:#060;
}

.msg-error {
background:#F4B8B5 url(../images/msg-error.png) 6px center no-repeat;
border:1px solid #C94042;
color:#900;
}

.msg-general {
background-color:#EEE;
border:1px solid #777;
text-align:center;
margin:5px 0;
padding:8px 5px;
}

.msg-loading {
background:#FFF url(../images/ajax-loader.gif) 10px center no-repeat;
border:1px solid #777;
text-align:center;
margin:5px 0;
padding:8px 5px;
}

.msg2-ok {
background:url(../images/msg-ok.png) 6px center no-repeat;
color:#060;
padding:5px 5px 5px 40px;
}

.msg2-error {
background:url(../images/msg-error.png) 6px center no-repeat;
color:#900;
padding:5px 5px 5px 40px;
}

form fieldset {
border:1px solid #EEE;
margin:10px 0;
padding:10px;
}

form legend {
border-left:1px solid #EEE;
border-right:1px solid #EEE;
font-weight:700;
padding:5px 10px;
}

form select {
border:1px solid #999;
color:#111;
width:150px;

}

form .box-small,form .box-medium,form .box-large {
border:1px solid #999;
color:#111;
margin:5px 0;
}

form .box-small {
width:120px;
padding:4px 4px 4px 10px;
}

form .box-medium {
width:230px;
padding:6px 6px 6px 10px;
}

form .box-large {
width:400px;
}

form .ta-default {
border:1px solid #999;
width:500px;
margin:5px 0;
padding:5px 5px 5px 10px;
}

form .ta-editor {
border:1px solid #999;
padding:5px 5px 5px 10px;
}

form .ta-side {
border:1px solid #999;
width:230px;
margin:5px 0;
padding:5px 5px 5px 10px;
}

form .ta-side-reply {
border:1px solid #999;
margin:5px 0;
padding:5px 5px 5px 10px;
}

form .btn-green {
background:#AEE893 url(../images/minibg.png) top left repeat-x;
border:1px solid #8EC46C;
cursor:pointer;
padding:5px 15px;
}

form .btn-green:hover {
background-color:#BBF2B5;
}

form .btn-blue {
background:#ADC2F7 url(../images/minibg.png) top left repeat-x;
border:1px solid #6D94F7;
cursor:pointer;
padding:5px 15px;
}

form .btn-blue:hover {
background-color:#B7D1F9;
}

form .btn-grey {
background:#AAA url(../images/minibg.png) top left repeat-x;
border:1px solid #777;
cursor:pointer;
padding:5px 15px;
}

form .btn-grey:hover {
background-color:#CCC;
}

.optiontable {
margin-left:20px;
}

.new-stuff {
background-color:#EEE;
margin-bottom:5px;
padding:5px;
}

.new-stuff .new-minititle {
font-style:italic;
text-align:left;
padding:3px 0;
}

.new-stuff .new-minicontent {
color:#999;
padding-left:5px;
}

.new-stuff .new-minimenu {
text-align:right;
padding:3px 0;
}

.new-stuff .new-minireply {
display:none;
text-align:right;
}

ul#nav-side-menu {
list-style:none;
margin:0;
padding:0;
}

ul#nav-side-menu li {
float:left;
line-height:0;
margin:0 0 0 6px;
padding:0;
}

ul#nav-side-menu li a {
border:1px solid #FFF;
display:block;
text-decoration:none;
}

ul#nav-side-menu li a:hover {
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#EEE;
border:1px solid #999;
}

#pop_down {
background-color:#FFF;
border-bottom:5px solid #999;
display:none;
position:absolute;
width:249px;
z-index:999;
right:3px;
margin:0 -10px 10px;
padding:0 10px 10px;
}

.pagination {
margin-top:15px;
}

.page:hover {
background-color:#EEE;
text-decoration:none;
}

.page-active {
background-color:#999;
color:#FFF;
font-weight:700;
margin:0 2px;
padding:5px;
}

.tipsy {
background-repeat:no-repeat;
font-size:12px;
padding:5px;
}

.tipsy-inner {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#555;
border:3px solid #000;
color:#FFF;
max-width:200px;
text-align:center;
padding:4px 5px;
}

.tipsy-north {
background-image:url(../images/tipsy-north.gif);
background-position:top center;
}

.tipsy-south {
background-image:url(../images/tipsy-south.gif);
background-position:bottom center;
}

.tipsy-east {
background-image:url(../images/tipsy-east.gif);
background-position:right center;
}

.tipsy-west {
background-image:url(../images/tipsy-west.gif);
background-position:left center;
}

ins,a.logo:hover {
text-decoration:none;
}

h4,form label {
font-size:13px;
}

#msg-twitter,#pop_down .side-content {
display:none;
}

form .box-small:hover,form .box-medium:hover,form .box-large:hover,form .box-small:focus,form .box-medium:focus,form .box-large:focus,form .ta-default:hover,form .ta-default:focus,form .ta-editor:hover,form .ta-editor:focus,form .ta-side:hover,form .ta-side:focus,form .ta-side-reply:hover,form .ta-side-reply:focus {
background:#FFF url(../images/bg_form.gif) top left repeat-y;
}

.page,.page-inactive {
background-color:#F9F9F9;
border:1px solid #CCC;
margin:0 2px;
padding:5px;
}






.buttonviewdetail {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#333333;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:medium;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:medium;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:medium;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:medium;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding-bottom:3px;
padding-left:12px;
padding-right:12px;
padding-top:3px;
}
a.viewdetail {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	background-attachment:scroll;
	background-color:#7EC000;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	border-bottom-color:#7EC000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:#7EC000;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:solid;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:1px;
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:#7EC000;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:solid;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:1px;
	border-top-color:#7EC000;
	border-top-style:solid;
	border-top-width:1px;
	color:#FFFFFF;
	padding:3px 12px;
}
.title {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	border-bottom-color:#F3F3F3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#F3F3F3;
	border-left-style:solid;
	border-left-width:1px;
	border-top-color:#F3F3F3;
	border-top-style:solid;
	border-top-width:1px;
	background: #95BC56;
    font-size: 12px;
	font-weight: bold;
	color: white;
	height:27px;
	vertical-align:middle;
}
.content {
	border-left-color:#F3F3F3;
	border-left-style:solid;
	border-left-width:1px;
}
.titleinformation {
	font-size:13px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.ui-jqgrid tr.jqgrow td,.ui-jqgrid tr.ui-row-ltr td{border-right: 1px solid #A6C9E2;border-bottom: 1px solid #A6C9E2;}
.date,.personal {float:left;margin-left:10px;font-size:12px}
.personal input{float:left;margin-left:10px;font-size:12px;}
#top-title{width: 400px;float: left;display: block;color:#3AB0C1;font-weight: bold;font-size: 25px;margin-top: 35px}
.cl{background:#A5F7BF }
.cl2{background:#D9E2FC }
select.error, input[type=text].error {
	background: none repeat scroll 0 0 #FBC2C4;
	border-color: #FBC2C4;
	color: #8A1F11;
}
