body { 
    font-family: tahoma;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

.wrapper {
    width: 1000px;
    background: #fafafa; 
    margin: 0px auto;    
    box-shadow: 0px 0px 2px #ccc;   
    
}

/* Sortable and sh... */
.sortPlaceHolder {
    border: 1px solid red;
    height: 35px;
    background: #F5F3BA;
}

.sort_handle {
    text-align: center;
    cursor: s-resize;
}
/* Done */

.admin_info {
    vertical-align: middle;
}

.pic_box {
    display: inline-block;
}

.pic_del {
    float: right;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.pic_thumb {
    float: left;
    margin-left: 15px;
    margin-top: -7px;
    margin-bottom: 5px;
}

.pic_item {
    float: left;
    width: 230px;
    margin: 6px;
    border: 1px solid #ccc;
    background: #fff;
}

.pic_item img {
    width: 206px;
}

#uploader_toggle {
    cursor: pointer;
}

.login_box {
    width: 300px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0px auto;
    margin-top: 200px;
    box-shadow: 0px 0px 6px 2px #ccc;
}

.login_inner {
    margin: 15px;
}

.login_box h2 {
    font-size: 15px;
    font-weight: bold;    
    text-align: left;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
}

.login_box p {
    margin: 3px;
    font-size: 13px;
}

.login_box .input {
    padding: 4px;
    width: 240px;
    border: 1px solid #ccc;
}

.login_box input:hover {
    box-shadow: 0px 0px 2px #ccc;
}

.login_box input:focus {
    box-shadow: 0px 0px 2px #ccc;
}

.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}

.error {
    margin-bottom: 8px;
    color: red;
    font-size: 14px;
}

.admin_inner {
    display: inline-block;
    margin: 10px;   
    font-size: 13px;
}

h2 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2 a {
    font-size: 12px;
    text-decoration: none;
    color: #515151;
}

ul.admin_menu {
    margin: 0px;
    padding: 0px;
    height: 38px;
    background: #ececec;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

ul.admin_menu li {
    list-style: none;
    float: left;
    height: 38px;
    line-height: 38px;
    padding-bottom: 1px; 
    vertical-align: middle;     
}

ul.admin_menu li:hover {
    background: #fafafa;    
}

ul.admin_menu li.active {
    background: #fafafa;
}

ul.admin_menu li.active a {
    color: #000;
}

ul.admin_menu li a {
    font-size: 13px;
    color: #606060;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-left: 15px;
    padding-right: 15px; 
}

.footer {
    width: 1000px;
    margin: 0px auto;
    text-align: center;
    font-size: 11px;
    color: #9b9b9b;
    margin-top: 10px;
}

.footer a {
    color: #9b9b9b;
    text-decoration: none;
}

.footer a:hover {
    color: #000;
}

.right_panel {
    float: right;
    width: 230px;
}

.right_panel ul {    
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}

.right_panel li {
    list-style: none;
    float: left;
    margin-right: 20px;
}

.right_panel li a {
    color: #000;
    text-decoration: none;
    padding-left: 32px;
    padding-right: 10px;
    display: block;
    height: 24px;
    line-height: 22px;
}

.right_panel li a.logout {
    color: red;
}

#preview {
    background: url('/admin/template/images/preview.png') no-repeat center left;
}

#logout {
    background: url('/admin/template/images/logout.png') no-repeat center left;
}

.admin_table {
    border-collapse: collapse;
    border-radius: 3px;
    border: none;
    width: 980px;
    margin-bottom: 10px;
    margin-top: 10px;        
}

.admin_table tr:first-child {
    background: #f1f1f1;
    font-weight: bold;
}

.admin_table td {
    border: 1px solid #ccc;    
    padding: 5px;
}

.text {
    border: 1px solid #ccc;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
    color: #888;
    width: 250px;
}

.sys_lang a {
    color: #666;
    text-decoration: none;
}

.sys_lang a.active {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

textarea.text {
    border: 1px solid #ccc;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
    color: #888;
    width: 450px;
    height: 80px;
}

.select_text {
    border: 1px solid #ccc;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
    color: #888;
    width: 260px;
    height: 26px;
}

.select_text option {
    padding: 5px;
}

.content_container {
    display: none;
}

.sitemap_box {
    width: 970px;
    font-size: 12px;
}

#code_highlight .prettyprint li > * {
    font-size: 12px;
}

#update_sitemap {
    display: none;
}

#caption_box {
    display: none;
}

.steps {
    font-family: verdana;
    font-weight: bold;
    font-size: 13px;
}

#preview_slide {
    margin: 0px auto;
    width: 1000px;
}

.centered_p {
    margin: 0px auto;
    width: 180px;
}

hr {
    border: none;
    border-top: 1px dashed #ddd;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.admin_inner.slide {
    width: 1000px;
}

h3 {
    font-size: 12px;
}

.hidden {
    display: none;
}

.text_pic {
    border: 1px solid #ccc;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
    color: #888;
    width: 200px;    
}

div.pic_text {
    margin: 10px;
}

div.pic_text p {
    margin-top: 5px;
    margin-bottom: 5px;
}

/****************************************************************************************************************************************************/

.submit {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 6px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 10px;
}
.submit:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.submit:active {
    color: #000;
    border-color: #444;
}

a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}

a.small {
    font-size: 13px;
    padding: 4px 15px;
}

a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save, .submit.save {
    background: url(/admin/template/images/sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(/admin/template/images/sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete, .submit.delete {
    background: url(/admin/template/images/sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.flag {
    background: url(/admin/template/images/sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.up {
    background: url(/admin/template/images/sprite.png)  13px -133px no-repeat #f3f3f3;
    width: 18px;
}
a.down {
    background: url(/admin/template/images/sprite.png)  13px -168px no-repeat #f3f3f3;
    width: 18px;
}
a.save-big {
    background: url(/admin/template/images/sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.add-big {
    background: url(/admin/template/images/sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.delete-big {
    background: url(/admin/template/images/sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.flag-big {
    background: url(/admin/template/images/sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.up-big {
    background: url(/admin/template/images/sprite.png)  15px -128px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}
a.down-big {
    background: url(/admin/template/images/sprite.png)  15px -163px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}

.notification {
	cursor: pointer;
    width: 890px;
	clear: both;
	height: 40px;
	font-size: 11px;
	position: relative;
	margin: 15px 0px 15px 0px;
	padding: 10px 20px 10px 60px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;	
}
.notification  p { color: #333; line-height: 40px; padding: 0px; margin: 0px;}

.notification.warning {
	background-image: url(/admin/template/images/error.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC140;
	background-color: #FFE1A4;
}
.notification.success {
	background-image: url(/admin/template/images/accept.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #99C600;
	background-color: #ECFFAA;
}

.notification.failure {
	background-image: url(/admin/template/images/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #F8CBC2;
}

.notification.information {
	background-image: url(/admin/template/images/information.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #418ACC;
	background-color: #CFE0F1;
}

.notification.notification.lightbulb {
	background-image: url(/admin/template/images/lightbulb.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #D3A350;
	background-color: #FEEFCB;
}


.notification.reminder {
	background-image: url(/admin/template/images/bell.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #E7C785;
	background-color: #FEFBF1;
}

.notification.basket {
	background-image: url(/admin/template/images/basket.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #75D6FF;
	background-color: #F4F4F4;
}

.notification.addresses {
	background-image: url(/admin/template/images/book_addresses.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #DC9C56;
	background-color: #F0E0CA;
}

.notification.settings {
	background-image: url(/admin/template/images/cog.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #999;
	background-color: #EAEBEC;
}


.notification.comment {
	background-image: url(/admin/template/images/comment.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #B4DEFF;
	background-color: #E5F9FF;
}

.notification.date {
	background-image: url(/admin/template/images/date.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #F4A088;
	background-color: #F2F2F3;
}

.notification.delete {
	background-image: url(/admin/template/images/delete.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #F4A088;
	background-color: #F9BFB5;
}

.notification.email {
	background-image: url(/admin/template/images/email.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #BAE3FF;
	background-color: #EAFFFF;
}
.notification.help {
	background-image: url(/admin/template/images/help.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #5696D1;
	background-color: #B4D2EF;
}

.notification.user {
	background-image: url(/admin/template/images/user_green.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #8CC000;
	background-color: #D8FF7D;
}

.admin_inner .showMap, .admin_inner .hideMap {
    display: none;
}

#map {
    display: none;
    width: 500px; 
    height: 300px; 
    border: 3px solid #ccc;
}