/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 12, 2014, 6:45:28 PM
    Author     : Benjamin
*/

        body{
                padding: 0 auto; 
                margin: 0 auto;
                
                font-family:  helvetica;
                background-color:  #343435;
                
            }
            
            br {clear: both;}
            
            .store-admin{
                //width: 1366px;
                padding: 0px; margin: 0px;
                //height: 100vh;
                position: absolute;
                top: 0px; /* Header Height */
                bottom: 0px; /* Footer Height */
                width: 100%;
                background: #343435;
                background: -moz-linear-gradient(top, #343435 1%, #4a4a4a 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#343435), color-stop(100%,#4a4a4a));
                background: -webkit-linear-gradient(top, #343435 1%,#4a4a4a 100%);
                background: -o-linear-gradient(top, #343435 1%,#4a4a4a 100%);
                background: -ms-linear-gradient(top, #343435 1%,#4a4a4a 100%);
                background: linear-gradient(top, #343435 1%,#4a4a4a 100%);
                
                
            }
            .store-admin-menu{
                float: left;
                width:20%;
                background-color:gray;
                height: 84vh;
                //position: absolute;
                top: 0px; /* Header Height */
                bottom: 0px;
                
                background: #343435;
	background: -moz-linear-gradient(top, #343435 1%, #4a4a4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#343435), color-stop(100%,#4a4a4a));
	background: -webkit-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -o-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -ms-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: linear-gradient(top, #343435 1%,#4a4a4a 100%);
                //color: white;               
            }
            .store-admin-menu a{
                text-decoration: none;
                color: white;
            }
            
            .admin-menu-head{
                //text-orientation: sideways-right;
                height: 50px;
                padding-top: 5px;
                padding-bottom: 5px;
                clear: both;
            }
            .admin-menu-head #logo{
                width:40px;
                height: 40px;
                float: left;
                
            }
            .admin-menu-head span{
                float: left;
                font-size: 14px;
                padding-left: 20px;
                //clear: right;
                //padding-top: 3px;
            }
            .shop-name{
                font-weight: bold;
                
                
            }
            .admin-menu{
               // height: 100%;
                width: 100%;
                background-color: #000;
                color: #fff;
                //padding-top: 40px;
            }
            
            /**Admin Menu*/
            
            .admin-menu-main{
                padding: 0px;
                margin: 0px;
                list-style: none;
                
                
            }
            .admin-menu-main li{
                padding: 0px;
                margin: 0px;
                list-style: none;
                
            }
            
            .admin-menu-main li a{
                padding: 10px;
                font-size: 14px;
                display: block;
                padding-left: 30px;
                border-bottom: 1px solid darkgray;
                
            }
            
            .admin-menu-main li:last-child a{
                border-bottom: 0px;    
            }
            
            .admin-menu-main li a:hover{
               background-color: darkgray; 
            }
            
            
            
            
            
            
            .admin-top-menu{
                padding: 0px;
                margin: 0px;
                list-style: none;
                float: right;
                margin-left: 100px;
                
                
            }
            .admin-top-menu li{
                padding: 0px;
                margin: 0px;
                list-style: none;
                display: inline-block;
                
                
            }
            
            .admin-top-menu li a{
                padding: 10px;
                font-size: 14px;
                display: block;
                text-decoration: none;
                border-bottom: 0px solid darkgray;
                color:white;
                
            }
            .admin-top-menu li a:hover{
                border-bottom: 2px solid darkgray;
            }
            
            .store-admin-main{
                float: left;
                background-color: beige;
                width: 80%;
                height: 100vh;
                
                
           
            }
            .admin-main-head{
                width: 99.1%;
                height: 50px;
                padding: 5px;
                background-color: lightslategrey;
            }
            .admin-main-display{
                width: 90%;
                padding: 20px;
                
            }
            
        /* Store Admin Activity */    
            .activity-title h2{
                font-size: 19px;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
                padding-bottom: 10px;
                border-bottom: 1px solid #E8E9EF; //#DADBE1
                display: block;
                width: 100%;
                text-transform: uppercase;
                
            }
            .activity-content{
                padding-top: 30px;
            }
            
            .dashboard{
                padding: 40px;
                //width: 100%;
                clear: both;
            }
            
            .board-icon{
                padding: 30px;
                padding-top: 60px;
                background-color:#797979;
                color: white;
                font-size: 24px;
                font-weight: bolder;
                float: left;
                margin: 10px;
                border-radius: 10px;
                display: inline-block;
                width: 120px;
                height: 90px;
                text-align: center;
                text-decoration: none;
            }
            .form-list{
                list-style: none;
                padding: 0px;
                margin:0px;
                display: block;
                border-bottom: 1px solid darkgray;
                
                padding-bottom: 30px;
                margin-bottom: 10px;
                font-size: 14px;
                
            }
            .form-list-tb{
               
               // border-bottom: 1px solid darkgray;
                width: 100%;

                font-size: 14px;
            }
            .form-list-tb td{
                width: 50%;
                padding: 5px
            }
          
            
            
            .form-list #item, td #item{
                padding-top: 10px;
                padding-bottom: 4px;
                clear: both;
            }
            
            .form-list #input, td #input{
                padding-top: 0px;
                padding-bottom: 5px;
               clear: both;
            }
            .rptfrm{
                float: left;
                display:inline;
                width: 400px;
               // background-color: black;
                clear: none;
                padding-top: 10px;
                padding-bottom: 4px;
            }
            
            .rptfrm #input{
                
            }
                
                
            .form-list .textbox, td .textbox, select{
                padding: 5px;
                width:300px;
            }
            .submitbtn{
                background-color: forestgreen;
                padding: 8px;
                font-size: 14px;
                font-weight: bold;
                border-radius: 5px;
                color: white;
                border: 1px solid;
                
            }
            .cancelbtn{
                background-color: activeborder;
                padding: 8px;
                font-size: 14px;
                font-weight: bold;
                border-radius: 5px;
                border: 1px solid;
                text-decoration: none; 
            }
            .deletebtn,.downloadbtn{
                background-color: darkred;
                padding: 8px;
                font-size: 14px;
                font-weight: bold;
                border-radius: 5px;
                border: 1px solid;
                text-decoration: none; 
                color: white;
                
            }
            
            .btn{
                text-align: right;
                border-top: 1px solid darkgray;
            }
            
            .inmenu{
                float: right;
            }
            
            .inmenu a{ text-decoration: none;   }
            
            .itemtable{ 
                width: 98%;
                border: 0px;
                font-size: 14px
                
            }
            
            .itemtable td{ 
                padding: 10px; 
                vertical-align: top;
                border-top: 1px solid #DADBDF;
            }
            .itemtable a{ 
                text-decoration: none;  
                color: #3E62D7;   
            }
            .tbhead td{ 
                font-weight: bold;
                border-top: 0px solid #DADBDF;
                //height: 30px;
            }
            .tblst:hover{
                background-color: #F3F3F3;
            }
            .tb-item-0{ background-color: white;}
            .tb-item-1{ background-color: #EEEAEA;}
            .tdtitle{width: 40%;}
            .tdsn{width: 12%;}
            .tbfigure{text-align: center;}
            .tbaction{text-align: right;}
            .titlesubname{ 
                font-size: 11px; 
                padding-top: 5px; 
                color: #666970;
            }
            .psterror{
                background-color: #FFCCCC;
                color: #CC0000;
                padding: 10px;
                width: 65%;
                margin: auto;
                text-align:center; 
                margin-bottom: 30px;
                font-weight: bold;
            }
            .pstsuccess{
                background-color: #F2FFF5;
                color: darkgreen;
                padding: 10px;
                width: 65%;
                text-align: center;
                margin: auto;
                margin-bottom: 30px;
                font-weight: bold;
                border: 1px solid #B8E6C5
            }
            .pstalert{
                background-color: #FFFFCC;//;
                color: #333309;
                padding: 10px;
                width: 65%;
                text-align: center;
                margin: auto;
                margin-bottom: 30px;
                font-weight: bold;
                border: 1px solid #ECEC79;
            }
            
            .imgpreview{
                width: 80px;
                height: 80px;
                border:0px;
                
                 
            }
            .thumb{
                padding-bottom: 20px;
            }
            .thumb img{
                width: 200px;
                height: 200px;
                
                
            }
            .thumb-small {
                //border: 1px solid #DADBDF;
                padding: 3px;
                width: 65px;
                height: 65px;
                
            }
            .thumb-small img{
                width: 65px;
                height: 65px;
                border: 1px solid #666970;
                
            }
            .prod-preview{
                float: left;
                width: 60%;
                padding: 5px;
            }
            .prod-preview #img{
                width:240px;
                float: left
            }
            .prod-preview #prod-detail{
                float: left;
                width: 350px;
                font-size: 13px; 
            }
            .prod-summary{
                float: right;
                width: 30%;
                padding:5px;
            }
            .prod-summary h4{
                margin: 0px;
                padding: 0px;
               // margin-bottom: 10px;
                padding-bottom: 8px;
                border-bottom: 1px solid gray; 
            }
            .summary-list{
                list-style: none;
                padding: 0px;
                margin:0px;
                display: block;
                font-size: 14px;
            }
            .summary-list li{
                padding: 8px;
                border-bottom: 1px solid gray;
                clear: both;
                height: 20px;
            }
            .summary-list li:last-child{
                
                border-bottom: 0px solid gray;
            }
            .summary-list .tit{
                float:left;
                clear: left;
                font-weight: bold;
            }
            .summary-list .tcnt{
                float:right;
                clear: right;
                color:#0782C1;
            }
            
            
/*
Main Menu
*/
#wrapper {
    width:100%;
    margin: 0 auto;
}


.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 20%;
    //max-width: 160px;
	padding: 0 10px 0 0;
	text-align: left;
	height: 32px;
        padding-left: 30px;
	color: #FFFFFF;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	
	
	background: #343435;
	background: -moz-linear-gradient(top, #343435 1%, #4a4a4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#343435), color-stop(100%,#4a4a4a));
	background: -webkit-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -o-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -ms-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: linear-gradient(top, #343435 1%,#4a4a4a 100%);
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	
	background: #20a4ca;
	background: -moz-linear-gradient(top, #20a4ca 1%, #47b5d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#20a4ca), color-stop(100%,#47b5d4));
	background: -webkit-linear-gradient(top, #20a4ca 1%,#47b5d4 100%);
	background: -o-linear-gradient(top, #20a4ca 1%,#47b5d4 100%);
	background: -ms-linear-gradient(top, #20a4ca 1%,#47b5d4 100%);
	background: linear-gradient(top, #20a4ca 1%,#47b5d4 100%);
	
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}



/* Sub-Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #eae9e9;
	border-bottom: 1px solid #c1bfbf;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #f6f5f5; }



/* Accordian Function */

.ac-menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	height: 100%;
}

.inputpreview{
    //width: 400px;
    border:1px solid #000;
    padding: 5px;
    background: #ffe;
    display: block;
}

#pp_form_bar{
    float: left;
    clear: left;
    padding-top:10px;
    //border: 1px solid #0782C1;
    //width: 450px;
}
#pp_desc_bar{
    float: right;
    clear: right;
    //border: 1px solid #0782C1;
    font-size: 15px;
    height: 400px;
    padding-top:40px; 
}