* {
	margin:						0;
    outline:                    none;
	padding:					0;
}

html, body {
	width:						100%;
}
body {
	background:					#F5F5F5;
	color:						#272727;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					68.75%;		/* 11px */
}
#site-wrapper {
	margin:						30px auto;
	width:						350px;	
}
a {
	color:						#272727;		
    text-decoration:            none;
}
a:hover {
	color:						#666666;	
}
h2 {
	margin:						0 0 10px;	
}
h2 img {
	display:					block;
	margin:						0 auto	
}
p {
	text-align:					justify;
	margin:						0 0 10px;	
}

form {
	padding:					10px 5px 0 10px;
	position:					relative;
}
form input,
form select {
	border:						1px solid #AAAAAA;
	color:						#333333;
	font-size:					1.0em;
	padding:					2px;
}
form textarea {
	border:						1px solid #AAAAAA;
	padding:					2px;
}
form input:focus,
form select:focus,
form textarea:focus {
	background:					#F7F7F7;
	border:						1px solid #AAAAAA;
}
form .checkbox {
    border:                     none; 
    vertical-align:             top;
    width:					    auto;
}
form fieldset {
	border:						0;	
}
form p {
	margin:						0 0 10px;
	overflow:					hidden;
}

form p.last {
    margin:                     0 0 2px;
}

form p label {
	display:                    inline-block;
	width:						100px;
}
form p input {                    
    vertical-align:             middle;
	width:						214px;
}    

p.notice {
    border:                     1px solid #666666;
    margin:                     10px 0;
    padding:                    5px 32px;
    width:                      254px;
}   

.success {        
    background:                 #E4FFCF url(/media/images/icons/success.png) 8px 50% no-repeat;
}
.warning {
    background:                 #FFFF99 url(/media/images/icons/warning.png) 8px 50% no-repeat;
}
.error {
    background:                 #FFCFCF url(/media/images/icons/error.png) 8px 50% no-repeat;
}

form .pass-strength {
	border:						1px solid #AAAAAA;
	padding:					2px 5px;
	position:					absolute;
	bottom:						30px;
	left:						20px;
}

.panel-container {
    background:                     #989898;
    display:                        inline-block;
    float:                          left;
    margin:                         -8px 6px 0 -4px;
    padding:                        8px 1px 0 6px;
    position:                       relative;
    z-index:                        5;
}
             
.panel {
    background:                     #f7f7f7;                 
    display:                        block;
    position:                       relative;
}

.panel .panel-header {
    height:                         18px;
    padding:                        6px 0 0 10px;
    position:                       relative;
    z-index:                        20;
}

.panel .panel-header h2 {
    font-size:                      1.0em;
    margin:                         0;
}

.panel .bar {
    background:                     url("/media/admin/images/layout/panel/panel-topmiddle.png") repeat-x scroll 0 0 #f7f7f7;
    font-size:                      1em;
    height:                         18px;
    margin:                         0;
    padding:                        6px 0 0 10px;
    position:                       relative;
    z-index:                        20;
}

.panel .panel-copy {
    padding:                        0 9px 14px 2px;
}

.panel .top-left {
    background:                     url("/media/admin/images/layout/panel/panel-topleft.png") no-repeat #f7f7f7;
    height:                         24px;
    left:                           0;
    position:                       absolute;
    top:                            0;
    width:                          10px;
    z-index:                        10;
}

.panel .top-middle {
    background:                     url("/media/admin/images/layout/panel/panel-topmiddle.png") repeat-x #f7f7f7;
    height:                         24px;  
    left:                           0;
    position:                       absolute;
    top:                            0;
    width:                          100%;
}

.panel .top-right {
    background:                     url("/media/admin/images/layout/panel/panel-topright.png") no-repeat #f7f7f7;
    height:                         24px;  
    position:                       absolute;
    right:                          0;
    top:                            0;
    width:                          14px;
    z-index:                        10;
}

.panel .middle-left {
    background:                     url("/media/admin/images/layout/panel/panel-middleleft.png") repeat-y #f7f7f7;
    height:                         100%;
    left:                           0;
    position:                       absolute;
    top:                            0;
    width:                          2px;
}

.panel .middle-right {
    background:                     url("/media/admin/images/layout/panel/panel-middleright.png") repeat-y #f7f7f7;
    height:                         100%;
    position:                       absolute;
    right:                          0;
    top:                            0;
    width:                          9px;
}

.panel .bottom-left {
    background:                     url("/media/admin/images/layout/panel/panel-bottomleft.png") no-repeat #f7f7f7;
    bottom:                         0;
    height:                         14px;
    left:                           0;
    position:                       absolute;         
    width:                          14px;
    z-index:                        10;
}

.panel .bottom-middle {
    background:                     url("/media/admin/images/layout/panel/panel-bottommiddle.png") repeat-x #f7f7f7;
    bottom:                         0;
    height:                         14px;  
    left:                           0;
    position:                       absolute;
    width:                          100%;
}

.panel .bottom-right {
    background:                     url("/media/admin/images/layout/panel/panel-bottomright.png") no-repeat #f7f7f7;
    bottom:                         0;
    height:                         14px;  
    position:                       absolute;
    right:                          0;
    width:                          15px;
    z-index:                        10;
}

.panel-container .toggle-button {  
    bottom:                         0;
    height:                         50%;
    /*padding:                        250px 0 0 0; 
    top:                            0;*/
    position:                       absolute;
    right:                          0;
    
    width:                          6px;
    z-index:                        10;
}

.panel-container .panel-part {
    background-color:               #989898;
}

.panel-container .toggle-button a {
    background:                     url("/media/admin/images/buttons/toggle-in.png") no-repeat #989898;
    display:                        block;
    height:                         34px;
    width:                          6px;
}
  
.panel-container .toggle-button a:hover {
    background:                     url("/media/admin/images/buttons/toggle-in-hover.png") no-repeat #989898;
}

.panel-container .toggle-button a.in {
    background:                     url("/media/admin/images/buttons/toggle-out.png") no-repeat #989898;
}
.panel-container .toggle-button a.in:hover {
    background:                     url("/media/admin/images/buttons/toggle-out-hover.png") no-repeat #989898;
}

.buttons {
    float:                              right;
}

.button {
    background:                         url("/media/admin/images/buttons/button-sml.png") no-repeat transparent;
    cursor:                             pointer;
    display:                            inline-block;  
    height:                             26px;
    padding:                            6px 8px 0;
    width:                              66px;
}
/*.button:hover {
    background:                         url("/media/admin/images/buttons/button-sml-hover.png") no-repeat transparent;
} */

.button.save,
.button.submit {
    background:                         url("/media/admin/images/buttons/button-sml-save.png") no-repeat transparent;
}

.hidden {
    display:                            none;
}