@charset "utf-8";
/* CSS Document */

*{outline:none;}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	text-decoration:none;
	line-height:14px;
	padding:0px;
	margin:0px;
}

/* ALL */
#count{margin:30px 20px 50px 20px;}
#error{height:20px; background-color:#FFC6C7; padding:6px 0px 0px 20px;}
#success{height:20px; background-color:#BEFDBB; padding:6px 0px 0px 20px;}

a{color:#4527a0; text-decoration:underline; cursor:pointer;}
a:hover{color:#4527a0; text-decoration:none; cursor:pointer;}

a.button{height:22px; display:inline-block; background-color:#4527a0; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; padding:8px 15px 0px 15px; cursor:pointer;}
a.button:hover{background-color:#333;}

a.btn{min-width:18px; display:inline-block; background-color:#4527a0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; text-align:center; vertical-align:middle; padding:2px 0px; margin:0px 0px 0px 5px; cursor:pointer;}
a.btn:hover{background-color:#333;}

h2{font-size:18px; color:#333; text-decoration:none; text-transform:uppercase; font-weight:normal; padding:0px; margin:20px 0px 5px 0px;}
h4{font-size:14px; color:#333; text-decoration:none; text-transform:uppercase; font-weight:normal; padding:0px; margin:0px;}
hr{height:1px; background-color:#ccc; border:none; color:#ccc; margin:10px 0px;}
small{color:#e40044; margin:0px 0px 0px 5px;}
strong{color:#000;}

.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}
.active{color:#E88B00; text-decoration:none;}

table tr th{background-color:#FAFAFA; color:#4527a0; padding:0px 5px;}
table.list tr:hover,
table tr.list:hover{background-color:#FAFAFA;}
table tr.list strong{display:inline-block; line-height:18px; vertical-align:middle;}
table tr.list strong.red{color:#4527a0;}

/* SHOW MORE */
a.showmorebtn{float:right;}
tr.showmore{display:none;}

/* FEILDS */
input{height:22px; border:1px solid #ccc; padding:3px;}
input.small{width:100px;}
input.medium{width:250px;}
input.long{width:500px;}
input.file{background-color:transparent; border:none; padding:0px;}
input.checkbox{width:16px; height:16px; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}
input.calendar{width:110px; background-image:url(../Images/Icons/calendar.png); background-position:93px 6px; background-repeat:no-repeat; cursor:pointer;}

select{height:29px; border:1px solid #ccc; padding:3px;}
select.small{width:100px;}
select.medium{width:250px;}
select.long{width:500px;}
select.multiple{width:100%; height:250px;}

textarea{width:600px; height:100px; border:1px solid #ccc; padding:3px;}
textarea.small{width:440px; height:140px;}
textarea.medium{width:600px;}
textarea.long{width:900px;}
textarea.full{width:-moz-calc(100% - 95px); width:-webkit-calc(100% - 95px); width:-o-calc(100% - 95px); width:calc(100% - 95px); display:inline-block; vertical-align:middle;}

/* BUTONS */
#delete{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px 0px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#edit{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -16px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#view{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -32px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#on{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -48px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#off{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -64px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#imgs{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -80px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#comment{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -96px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:default;}
#warning{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -112px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:default;}
#new{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -128px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#old{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -144px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#list{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -160px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#download{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -176px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#user{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -192px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#admin{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -208px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#pp{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -224px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#cc{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -240px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#clone{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -256px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}
#bank{width:16px; height:16px; display:inline-block; position:relative; background-image:url(../Images/Icons/admin.png); background-position:0px -272px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 6px 0px 0px; cursor:pointer;}

/* HEADER */
#header{width:100%; position:relative; padding:0px; margin:0px;}
#header a.logo{width:125px; height:32px; float:left; background-image:url("../Images/Buttons/gama_design_small_logo.png"); background-position:center; background-repeat:no-repeat; background-size:100%; padding:0px; margin:20px;}

#header span.info{display:block; float:right; text-align:right; line-height:21px; padding:0px; margin:15px 20px;}

/* FOOTHER */
#footer{width:100%; position:fixed; bottom:0px; background-color:#4527a0; color:#FFF; text-align:center; padding:7px 0px; margin:0px;}

/* MENU */ 
#menu{height:49px; background-color:#232323; padding-left:20px; clear:left;}
#menu span{height:15px; display:inline-block; background-image:none; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:17px 0px; margin:0px;}

#menu a{height:15px; display:inline-block; background-image:none; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:17px 20px;}
#menu a:hover{background-color:#6653ad; color:#FFF; text-decoration:none;}
#menu a.select{background-color:#4527a0; color:#FFF; text-decoration:none;}

#submenu{background-color:#4527a0; color:#FFF; clear:left; padding:0px 20px; margin:0px;}
#submenu a{display:inline-block; color:#FFF; text-decoration:none; padding:7px 0px; margin:0px 20px 0px 0px;}
#submenu a:hover,
#submenu a.active{display:inline-block; color:#AB9CE4; text-decoration:none; padding:7px 0px; margin:0px 20px 0px 0px;}

/* TITLES */
#panel_title{padding:10px; background-color:#CCC;}

/* --- LEFT --- */
#panel_title div.left{float:left; position:relative; padding:0px; margin:0px;}
#panel_title div.left span{display:block; padding:8px 0px 0px 0px; margin:0px;}

/* --- RIGHT --- */
#panel_title div.right{float:right; position:relative; text-align:right; padding:0px; margin:0px;}

#panel_title div.right span{text-align:left; padding:10px 0px 0px 0px; margin:0px;}
#panel_title div.right span strong{display:inline-block; vertical-align:middle; padding:0px 3px;}

#panel_title div.right input,
#panel_title div.right select,
#panel_title div.right a.button{display:inline-block; vertical-align:middle; margin:0px 0px 0px 5px;}

/* PANELS */
#panel_count{padding:10px; background-color:#EEE; margin:0px 0px 30px 0px;}
#panel_count div.options{display:none; background-color:#DDD; padding:10px;}

/* LIVESEARCH */
.search{position:absolute; right:0px; top:35px; visibility:hidden; background-color:#FFF; border:1px solid #A5ACB2; padding:5px 10px 10px 10px !important; margin:0px !important; z-index:99;}
.search span{min-width:500px; display:block; position:relative; line-height:20px; padding:20px; margin:0px;}

/* COLOR */
#hexSelector,
#colorSelector,
#backgroundSelector{width:36px; height:36px; position:relative; background: url(../Images/Color/select2.png);}

#hexSelector div,
#colorSelector div,
#backgroundSelector div{width:28px; height:28px; position:absolute; top:4px; left:4px; background:url(../Images/Color/select2.png) center;}

/* CALENDAR */
#CalendarControlIFrame{width:250px; height:250px; display:none; left:0px; position:absolute; top:0px; z-index:9998;}
#CalendarControl{display:none; position:absolute; background-color:#FFF; padding:0; margin:0; z-index:9999;}
#CalendarControl table{font-family:Arial, sans-serif; font-size:12px; border-left:1px solid #666; border-right:1px solid #666;}
#CalendarControl th{background-color:#CCC; border:none; color:#666; font-weight:normal;}
#CalendarControl th a, #CalendarControl td a{font-weight:normal; text-decoration:none; color:#333; padding:1px;}
#CalendarControl th a:hover, #CalendarControl td a:hover{font-weight:normal; text-decoration:none; color:#C0C0C0; padding:1px;}
#CalendarControl td{text-align:center;}
#CalendarControl tr.header{background-color:#666; padding:3px;}
#CalendarControl tr.header td{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none;}
#CalendarControl tr.footer{background-color:#666;}
#CalendarControl tr.footer td{padding:3px;}
#CalendarControl tr.footer a{color:#FFF;}
#CalendarControl tr.footer a:hover{color:#C0C0C0;}
#CalendarControl tr.day{background-color:#DDD;}
#CalendarControl .weekday{background-color:#E7ECFF; color:#000;}
#CalendarControl .weekend{background-color:#FFC; color:#000;}
#CalendarControl .current{border:1px solid #333; background-color:#4299b6; color:#FFF;}
#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current{display:block; text-decoration:none; border:1px solid #FFF; width:2em;}
#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover{color:#FFF; background-color:#4299b6;  border:1px solid #FFF;}
#CalendarControl .previous{text-align:left;}
#CalendarControl .next{text-align:right;}
#CalendarControl .previous,
#CalendarControl .next{padding:0px 3px 4px 3px;}
#CalendarControl .previous a,
#CalendarControl .next a{font-family:Arial, sans-serif; font-size:12px; color:#fff; text-decoration:none;}
#CalendarControl .previous a:hover,
#CalendarControl .next a:hover{font-family:Arial, sans-serif; font-size:12px; color:#C0C0C0; text-decoration:none;}
#CalendarControl .title{text-align:center; font-weight:bold; color:#FFF;}
#CalendarControl .empty{background-color:#EBEBEB; border:1px solid #FFF;}