body{
font-size:14px;
color:#444;
}

a{
cursor:pointer;
}

a.blank{
padding-right:12px;
background-image:url(/crux/images/icons/blank.png);
background-repeat:no-repeat;
background-position:right top;
}

div#toolbar{
border-bottom: solid 1px #CDD1D3;
box-shadow: 0px 1px 0px 0px #fff;
-webkit-box-shadow: 0px 1px 0px 0px #fff;
margin-bottom: 8px;
color:#89939d;
text-transform: uppercase;
text-shadow: 1px 1px 1px #fff;
height:60px;
}
div#toolbar h1{

}
div#toolbar ul{
position:relative;
}
div#toolbar ul li{
list-style-type:none;
list-style-image:none;
float:left;
}

div#toolbar ul li a{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71767c), color-stop(1, #585f67) );
background:-moz-linear-gradient( center top, #71767c 5%, #585f67 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71767c', endColorstr='#585f67');
background-color:#71767c;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #bfbfbf;
display:block;
color:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:8px 8px;
margin:0px 5px 0px 0px;
text-decoration:none;
text-shadow:-1px -1px 0px #333333;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
height:20px;
}

div#toolbar ul li a img{
margin: 0px 6px -5px 0px;
}

div#toolbar ul li a:hover{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #585f67), color-stop(1, #71767c) );
background:-moz-linear-gradient( center top, #585f67 5%, #71767c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#585f67', endColorstr='#71767c');
background-color:#585f67;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

input.button, a.button{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71767c), color-stop(1, #585f67) );
background:-moz-linear-gradient( center top, #71767c 5%, #585f67 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71767c', endColorstr='#585f67');
background-color:#71767c;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #bfbfbf;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:3px 8px;
margin:0px 5px 0px 0px;
text-decoration:none;
text-shadow:-1px -1px 0px #333333;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

input.button:hover, a.button:hover{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #585f67), color-stop(1, #71767c) );
background:-moz-linear-gradient( center top, #585f67 5%, #71767c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#585f67', endColorstr='#71767c');
background-color:#585f67;
cursor:pointer;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.center{
text-align:center;
}
div#social_networking a{
display:block;
width:20px;
height:20px;
cursor:pointer;
}
div.error{
background-color:#f7eaea;
border:1px solid #ff0000;
}
div.warning{
background-color:#f7efe8;
border:1px solid #fd8300;
}
div.warning img{
vertical-align: middle;
}
div.success{
background-color:#e3f4e5;
border:1px solid #00c417;
}
div.error,div.warning,div.success{
padding:5px 2%;
margin:20px;
width:92%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 3px 4px #c7c7c7;
-webkit-box-shadow: 0px 3px 4px #c7c7c7;
box-shadow: 0px 3px 4px #c7c7c7;
}

input.text,input.date,input.datetime,input.password,textarea{
width:250px;
padding: 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border:solid 1px #CCC;
color:#333;
box-shadow: inset 0 1px 0 0px white;
-webkit-box-shadow: inset 0 1px 0 0px white;
background: #F8F8F8;
}

select.select, select{
padding: 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border:solid 1px #CCC;
color:#333;
box-shadow: inset 0 1px 0 0px white;
-webkit-box-shadow: inset 0 1px 0 0px white;
background: #F8F8F8;
}

div.error ul,div.warning ul,div.success ul{
margin-left:20px;

}

table tbody tr td{
padding:5px;
}

label{
text-transform:uppercase;
/*text-shadow: 1px 1px 1px #fff;
font-size:13px;*/
}

.inner_padding{
padding:10px;
}



a img{
border:none;
}

p.row_description{
font-style:italic;
margin:0 0 10px 0;
color:#9aa0b8;
}

div#menu_1{
width:93px;
position:relative;
float:left;
}

div#menu_1 ul{
margin-top: 215px;
margin-left: 2px;
}

div#menu_1 ul li{
padding: 55px 0px 20px 5px;
list-style-type: none;
text-align: center;
}

div#menu_1 ul li.dashboard{
background: url('/crux/images/icons/dashboard.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.tours{
background: url('/crux/images/icons/tours.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.users{
background: url('/crux/images/icons/users.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.articles{
background: url('/crux/images/icons/documents.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.reports{
background: url('/crux/images/icons/reports.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.galleries{
background: url('/crux/images/icons/gallery.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.trash{
background: url('/crux/images/icons/trash.png') 17px 5px no-repeat;
padding: 60px 0px 0px 3px;
}

div#menu_1 ul li.active.dashboard,div#menu_1 ul li.active.dashboard:hover{
background: url('/crux/images/icons/dashboard.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.tours,div#menu_1 ul li.active.tours:hover{
background: url('/crux/images/icons/tours.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.users,div#menu_1 ul li.active.users:hover{
background: url('/crux/images/icons/users.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.articles,div#menu_1 ul li.active.articles:hover{
background: url('/crux/images/icons/documents.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.reports,div#menu_1 ul li.active.reports:hover{
background: url('/crux/images/icons/reports.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.galleries,div#menu_1 ul li.active.galleries:hover{
background: url('/crux/images/icons/gallery.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li.active.trash,div#menu_1 ul li.active.trash:hover{
background: url('/crux/images/icons/trash.png') 17px 5px no-repeat, url(/crux/images/icons/menu_select.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

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

div#menu_1 ul li:hover.dashboard{
background: url('/crux/images/icons/dashboard.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.tours{
background: url('/crux/images/icons/tours.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.users{
background: url('/crux/images/icons/users.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.articles{
background: url('/crux/images/icons/documents.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.reports{
background: url('/crux/images/icons/reports.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.galleries{
background: url('/crux/images/icons/gallery.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li:hover.trash{
background: url('/crux/images/icons/trash.png') 17px 5px no-repeat, url(/crux/images/icons/menu_hover.png) no-repeat left top;
padding: 60px 10px 0px 21px;
}

div#menu_1 ul li a{
font-size: 12px;
color: white;
margin-top: -48px;
display: block;
height: 25px;
width: 90px;
padding-top: 55px;
}

div#menu_1 ul li:hover a{
color: #666;
width: 50px;
}

div#menu_1 ul li.active a{
color: #666;
width: 50px;
}

div#menu_1 ul li.active a{
color: #666;
width: 50px;
}

div#menu_2{
width: 210px;
min-height: 750px;
font-family: 'Helvetica';
float: left;
border-radius: 3px 0px 0px 0px;
}

div#menu_2 ul{
margin: 0px 0px 0px 12px;
width: 187px;
}

div#menu_2 ul li{
list-style-type: none;
border-bottom: solid 1px #CCC;
border-top: solid 1px #fff;
padding: 15px 0px;
}

div#menu_2 ul li:last-child{
border-bottom: solid 0px #CCC;
} 

div#menu_2 ul li a{
color:#999;
padding-bottom:10px;
padding-left:25px;
}

.sub_user{
background: url(/crux/images/icons/sub_menu_small_user.png) left top no-repeat;
}

.sub_user{
background: url(/crux/images/icons/sub_menu_small_user.png) left top no-repeat;
}

.sub_view_tours{
background: url(/crux/images/icons/small_tour.png) left top no-repeat;
}

.sub_create_tours{
background: url(/crux/images/icons/add_small_tour.png) left top no-repeat;
}

.sub_logout{
background: url(/crux/images/icons/sub_menu_small_logout.png) left top no-repeat;
}

.sub_view_users{
background: url(/crux/images/icons/sub_menu_group_users.png) left top no-repeat;
}

.sub_create_user{
background: url(/crux/images/icons/sub_menu_add_user.png) left top no-repeat;
}

.sub_view_article{
background: url(/crux/images/icons/sub_menu_article.png) left top no-repeat;
}

.sub_view_article_category{
background: url(/crux/images/icons/sub_menu_article_category.png) left top no-repeat;
}

.sub_add_article{
background: url(/crux/images/icons/sub_menu_add_article.png) left top no-repeat;
}

.sub_view_reports{
background: url(/crux/images/icons/sub_menu_view_graph.png) left top no-repeat;
}

.sub_add_article_category{
background: url(/crux/images/icons/sub_menu_add_article_category.png) left top no-repeat;
}

.sub_view_all_gallery{
background: url(/crux/images/icons/sub_menu_view_all_gallery.png) left top no-repeat;
}

.sub_add_gallery{
background: url(/crux/images/icons/sub_menu_add_gallery.png) left top no-repeat;
}

.sub_view_trash{
background: url(/crux/images/icons/sub_menu_view_trash.png) left top no-repeat;
}

div#menu_2 ul li a:hover{
color:#666;
}

div#profile{
position: absolute;
top: 117px;
left: 10px;
width: 257px;
height: 61px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71767c), color-stop(1, #585f67) );
background:-moz-linear-gradient( center top, #71767c 5%, #585f67 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71767c', endColorstr='#585f67');
background-color:#71767c;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #bfbfbf;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
margin:0px 5px 0px 0px;
text-decoration:none;
padding: 14px 12px;
-moz-box-shadow:    0px 0px 5px 0px #000;
-webkit-box-shadow: 0px 0px 5px 0px #000;
box-shadow: 0px 0px 5px 0px #000;
}

div#profile_image{
width:50px;
height:50px;
border:solid #fff 5px;
background: #fff url(/crux/templates/admin/images/user_male.gif);
position:relative;
float:left;
border-radius: 3px;
}

div#profile_content{
height:50px;
position:relative;
float:left;
margin-left:12px;
color:#ffffff;
}

div#main_content {
overflow: visible;
margin-left: 93px;
background: url(/crux/templates/admin/images/section_bg.png) repeat-y left center #EBEBEB;
border-radius: 4px 3px 3px 3px;
min-height: 750px;
}

div#main_content_container{
padding: 18px;
display: block;
position: relative;
padding: 18px;
margin-left: 210px;
}

.clearer{
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

.content_box {
background: #fff;
box-shadow: 0px 0px 2px 0px #ACAEAF;
-webkit-box-shadow: 0px 0px 2px 0px #ACAEAF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-bottom:30px;
}

.padding_box{
padding:10px;
background-color:#fff;
}


.content_box_title {
height: 25px;
border-bottom: solid 1px #E0E0E0;
background: url(/crux/templates/admin/images/table_header_bg.png) repeat-x;
border-radius: 3px 3px 0px 0px;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
color: #666;
font-size: 14px;
font-weight: bold;
padding: 13px 0px 0px 10px;
}

div#main_content {
overflow: visible;
margin-left: 93px;
background: url(/crux/templates/admin/images/section_bg.png) repeat-y left center #EBEBEB;
border-radius: 4px 3px 3px 3px;
min-height: 750px;
}

div#main_content_container{
padding: 18px;
display: block;
position: relative;
padding: 18px;
margin-left: 210px;
}