* {
	margin: 0px;
	padding: 0px;
}
html, body {
	
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
}
body{
	overflow:auto;
	}

.home {
float:left;
height:40px;
line-height:40px;
}
    .home a {
    color:#ffffff;
    text-decoration:none;
    }

.clear{clear:both;}
.floatleftbox {
float:left;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


 .btn {
	height:33px; 
	line-height:33px;
	background-color:#111111;
	text-align:center;
	border:1px solid #111111;
	cursor:pointer;
	color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	}


.btn:hover{
	color:#111111;
	background-color:#ffffff;
	}

#login-panel{
	width:300px;
	min-height:200px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	padding:20px 40px 30px 40px;
	margin:auto;
	 margin-top:10%;
	}
	
	
input, select{height:30px;}
	
#login-panel input{
	width:100%; 
	border:none;  
	}

#login-panel .login-panel-email, #login-panel .login-panel-psw{
	margin-bottom:5px;
	}
#login-panel .login-panel-email > div:first-of-type, #login-panel .login-panel-psw > div:first-of-type{
	padding:5px;
	border:1px solid #cccccc;
	}

#login-panel .login-panel-login {
	height:38px; 
	line-height:38px;
	background-color:#111111;
	text-align:center;
	border:1px solid #111111;
	cursor:pointer;
	color:#ffffff;
	margin-top:10px;
	}


#login-panel .login-panel-login:hover{
	color:#111111;
	background-color:#ffffff;
	}
	
#login-panel .login-panel-error {
	height:10px;
	color:#ff0000; 
	font-size:0.8em;
	}
/*-------------------login ends ----------------------*/





/*-------------------editpage start-------------------*/

.portal-edit-page label{
	
	font-size:1.3em;
	color:#5c5c5c;
}

.portal-edit-page-bascis{margin-bottom:20px; margin-top:20px;}
.portal-edit-page-bascis input{width:250px;padding-left:5px; padding-right:5px;}
.portal-edit-page-bascis select{width:250px;padding-left:5px; padding-right:5px; height:35px;}
.portal-edit-page  textarea{ width:250px; padding-left:5px; padding-right:5px; }
.portal-edit-page-update,.portal-edit-page-preview{display:inline-block;}	
/*-------------------editpage ends-------------------*/
	
	
	table.datatable{
		min-width:600px;
		border:1px solid #000000;
	}
	table.datatable thead th{
		font-weight:bold;
                color:#ffffff;
                background-color:#000000;
                padding:5px;
                text-align: left;
	}
	table.datatable tr:nth-child(odd) td{
		
		background-color:#eeeeee;
		
	}
        table.datatable tr td{
             padding:3px;
            
        }

table.datatable tr.attention:nth-child(odd) td {
background-color:#eee333 !important;
}

table.datatable tr.attention:nth-child(even) td {
background-color:#eeeaaa;
}

#calllog {
width:600px;
 font-size: 0.8em;
 overflow:hidden;
}
    #calllog thead,  #calllog tbody { display: block; }

    #calllog thead th:first-child, #calllog tbody td:first-child {
        width: 150px;
        vertical-align: top;
    }

      #calllog thead th:last-child,  #calllog tbody td:last-child  {
        width: 70px;
        padding-left:10px;
        vertical-align: top;
    }

        #calllog thead th:nth-child(2),#calllog tbody td:nth-child(2){
             width: 380px;
        }



 #calllog tbody{
    width:597px;
    height: 200px;       
    overflow-y: auto;    
}



#calllogfield p {
    float:left;
}

#calllogfield textarea {width: 501px;
                        height:44px;
                        border:1px solid #000000;
                        overflow-y:auto;
                        border-top:none;
                        border-right:none;
                        padding:3px;
}
#calllogfield p.btn {
        float:left;
display:block;
height:50px;
width:50px;
line-height:50px;
border-top:none;
}


	
	#header_control{
		height:40px;
		background-color: #000000;
		background-image:url(../images/logoadmin.png);
		background-repeat:no-repeat;
	background-size:100px 40px;
		padding-left:120px;
		}
		#header_control > ul{
			list-style:none;
			float:right;
			position:realative;
			}
			
			#header_control > ul > li:not(.clear){float:left; color:#ffffff; margin-right:6px; height:40px; line-height:40px;}
		#header_control > ul > li a{color:#ffffff; text-decoration:none; }
		
		
		#header_control > ul > li:hover ul.sublinks{
			z-index:2;
			display:block;}
		
		#header_control ul.sublinks{
			list-style:none;
			display:none;
			position:absolute;
			
			}
			
			#header_control ul.sublinks li{
				height:24px;
				color:#ffffff;
				background-color:#3A3A3A;
				margin-bottom:1px;
				padding-left:10px;
				padding-right:10px;
				line-height:24px;
				
				}
				
				#header_control ul.sublinks li:hover a{
					
					
					color:rgba(238, 100, 100, 1) !important;}
		
		#container{
		padding:20px;
			}
                        
                        .container{
                            padding:20px;
                        }

.container h2 {
margin-top:10px;
}
                        
                        
                        
			#upload{ width:70px;}
			
			#gallery{
				list-style:none;
				padding-top:20px;
				}
				
				#gallery li{ 
				float:left;
				margin-left:4px;
				margin-bottom:4px;
				position:relative;
				}
				
				.deletethis{
					position:absolute;
					z-index:1;
					bottom:6px;
					right:0px;
					background-color:#FF1115;
					color:#ffffff;
					display:inline-block;
					padding-left:3px;
					padding-right:3px;
					
					}
					
					
					
					#menulist td{padding:5px;}
					#menulist input{width:100%;}
					#addnewlineMenu, #addcategory, #addpromo{cursor:pointer; }
					#addnewlineMenu:hover, #addcategory:hover, #addpromo:hover{color:#FF7E44;}
					#menulist thead th {background-color:#FF7E44; height:24px; color:#ffffff; cursor:pointer; }
					
					#categorysort{width:250px; list-style:none;}
					#categorysort li .categorytitle { line-height:24px; background-color:#FF7E44; color:#ffffff; height:24px; padding-left:5px; padding-right:5px; cursor:move; margin-bottom:2px; float:left;min-width:100px;}
						#categorysort li .categorytitle:hover{background-color:#FDA54D;}
						.deletecategory, .editcategory{float:left; padding-left:5px; height:24px; line-height:24px;cursor:pointer;}
						.deletecategory:hover, .editcategory:hover{color:red;}
						
						#sortcategory{
							float:left;
							padding:20px;
							background-color:#FFE9D7;
							
							}
					.delete{cursor:pointer;}
					.delete:hover{color:#FD0206;}
					.promolist tbody tr td:first-child{
						
						cursor:move;
						}


                    /*Usefullink*/
#usefullinks {
list-style:none;
}
    #usefullinks li:not(.clear) {
    width:120px;
    height:120px;
    border:#aaaaaa 1px solid;
    margin-right:2px;
    float:left;
    position:relative;
     text-align:center;
     background-image:url(../images/default-icon.jpg);
     background-repeat:no-repeat;
     background-size:80px auto;
     background-position:center;
    }

    #usefullinks li.addline {
    background-image:none;
    font-size:3em;
    line-height:120px;
    }

    #usefullinks li:not(.clear):hover {
     border:#000000 1px solid;
    }


    #usefullinks li a {
    width:100%;
    height:100%;
    text-decoration:none;
    color:#000000;
   
    display:block;
    
    }

    #usefullinks li span {
    width:100%;
    position:absolute;
    bottom:0px;
   display:block;
   text-align:center;
    }