/* Global Styling */

body { behavior: url("js/csshover.htc"); margin: 0; padding: 0; background-color: #f7f7f7; font-family: arial; color: #404040; word-spacing: 4px; font-size: 90%; }

img { border: 0; vertical-align: middle; }

a { color: #3670d4; }

h1 { font-size: 200%; color: #007cb7; padding-bottom: 5px;  }
h2 { font-size: 140%; color: #21272B; }

strong { color: #f00; }

hr { display: none; clear: both; }

table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: 0; } 
th { padding: 10px 15px; text-align: left; background-color: #464646; color: #fff; }
td { padding: 5px 15px; border-top: 2px solid #fff; }
tr:hover { background-color: #B6B5B5; }



/* Wrapper Box */

.wrapper { background-color: #f7f7f7; }



/* Header Box */

.wrapper .header { height: 80px; border-bottom: 2px solid #026390; background: #007CB7 url("../images/header_bg.png") no-repeat top left; }
.wrapper .header .log_info div { position: absolute; top: 20px; right: 40px;  }
.wrapper .header .log_info span { display: block; font-size: 90%; color: #fff; text-align: right; }
.wrapper .header .log_info span strong { font-size: 110%; color: #fff; text-transform: uppercase; }
.wrapper .header .log_info a { color: #fff; }
.wrapper .header .log_info a:hover { text-decoration: underline; }



/* Content Box */

.wrapper .content { width: 100%; margin: 0; padding: 0px;  }

.wrapper .content .main_box { 
overflow: hidden; 
padding: 0; 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 none repeat scroll 0 0;
border:1px solid #e3e3e3;
margin: 40px;
} 

.main_box_bg { background-color: #fff; margin: 9px; }



/* Footer Box */

.wrapper .footer { background-color: #f7f7f7; height: 20px; border-top: 2px solid #026390; background-color: #007CB7; }
.wrapper .footer a { color: #777; font-weight: bold; text-decoration: none; }
.wrapper .footer p { font-size: 80%; }
.wrapper .footer span { margin: 0 20px; }
.wrapper .footer div { padding: 32px;  color: #979797; }



/* Breadcrumb Box */

.breadcrumb_box {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 url(../images/breadcrumb_bg.png) repeat scroll 0 0;
border:1px solid #e3e3e3;
height: 30px;
margin-bottom: 30px;
margin-right: 250px; 
} 

/* This is for links that are no images */
.breadcrumb_box a.noimage { float: left; margin: 7px 0 7px 20px; line-height: 16px; font-size: 12px; }

.breadcrumb_divider { float: left; height: 30px; width: 16px; background:url(../images/breadcrumb_divider.png) no-repeat center right; margin: 0 0 0 15px; }



/* Alert Boxes */

.info {overflow: hidden; margin: 0; padding: 0; border: 1px solid #93A8FF; background-color: #d7dfff; color: #0033FF; padding: 0 20px; line-height: 16px; margin-bottom: 20px; }
.success { overflow: hidden; margin: 0; padding: 0;border: 1px solid #97FF88; background-color: #E3FFDF; color: #009900; padding: 0 20px; line-height: 16px; margin-bottom: 20px; }
.fail { overflow: hidden; margin: 0; padding: 0;border: 1px solid #FF9595; background-color: #FFE1E1; color: #CC3300; padding: 0 20px; line-height: 16px; margin-bottom: 20px; }
.attention { overflow: hidden; margin: 0; padding: 0;border: 1px solid #FFF35E; background-color: #FFFBCC; color: #C69E00; padding: 0 20px; line-height: 16px; margin-bottom: 20px; }
.neutral { overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfde; background-color: #F0EFEF; color: #404040; padding: 0 20px; line-height: 16px; margin-bottom: 20px; }



/* Big Button */

a.big_button {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 url(../images/breadcrumb_bg.png) repeat scroll 0 0;
border:1px solid #e3e3e3;
height: 32px;
padding: 5px 15px;
line-height: 32px;
text-transform: uppercase;
color: #808080;
text-decoration: none;
font-weight: bold;
float: left;
font-size: 20px;
margin-right: 20px;
}  

a:hover.big_button { color: #0165FF; border:1px solid #a6a6a6; }



/* Small Button */

a.small_button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 url(../images/breadcrumb_bg.png) repeat scroll 0 0;
border:1px solid #e3e3e3;
height: 16px;
padding: 5px 15px;
line-height: 16px;
color: #808080;
text-decoration: none;
float: left;
font-size: 14px;
margin-right: 20px;
} 

a:hover.small_button { color: #0165FF; border:1px solid #a6a6a6; }



/* Form Button */

input.form_button { background-color: #d6d6d6; border: 2px solid #ccc; color: #666; padding: 5px 10px; font-weight: bold; }
input:hover.form_button { border: 2px solid #909090; }



/* CSS Sprites */

/* This calls the image */
.sprite { background:url(../images/icons_sprite.png); }

/* These style the sprite for Menus */
.icon_16 { float: left; margin: 7px 0 7px 20px; height: 16px; width: 16px;   }
.icon_32 { height: 32px; width: 32px;  }

/* These style the sprite for Buttons */
.button_16 { float: left; margin-right: 15px; height: 16px; width: 16px;  }
.button_32 { float: left; margin-right: 15px; height: 32px; width: 32px;  }

/* These trigger the sprite */

.home_16 { background-position: 0 0; }
.home_32 { background-position: -32px 0; }

.create_16 { background-position: 0 -32px; }
.create_32 { background-position: -32px -32px; }

.configure_16 { background-position: 0 -64px; }
.configure_32 { background-position: -32px -64px; }

.deploy_16 { background-position: 0 -96px; }
.deploy_32 { background-position: -32px -96px; }

.manage_16 { background-position: 0 -128px; }
.manage_32 { background-position: -32px -128px; }

.edit_16 { background-position: 0 -160px; }
.edit_32 { background-position: -32px -160px; }

.delete_16 { background-position: 0 -192px; }
.delete_32 { background-position: -32px -192px; }

/* Sprites for Alert Boxes */
.info_16 { background-position: -64px 0px; }
.success_16 { background-position: -64px -32px; }
.failure_16 { background-position: -64px -64px; }
.attention_16 { background-position: -64px -96px; }



/* Mini Menu with small Icons */

.mini_menu {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 url(../images/breadcrumb_bg.png) repeat scroll 0 0;
border:1px solid #e3e3e3;
height: 30px;
margin-bottom: 30px;
margin-left: 20px;
float: right;
width: auto;
} 

.mini_menu a img { margin: 2px 0 2px 10px; border: 5px solid; border-color: transparent; }

.mini_menu a:hover img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:5px solid #e3e3e3;
background-color: #e3e3e3;
}



/* Alternate menu (Vertically with big Icons) */

.alt_menu {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f1f1f1 none repeat scroll 0 0;
border:1px solid #ddd;
margin-bottom: 30px;
width: 270px;
}

.alt_menu div {
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
height: 32px;
padding: 7px 40px;
line-height: 32px;
text-transform: uppercase;
color: #464646;
font-weight: bold;
font-size: 20px;
} 

.alt_menu div:hover { background-color: #E8F0FA; }
.alt_menu div a { text-decoration: none; color: #808080; } 
.alt_menu div a:hover { color: #0165FF; }



/* Pagination */

.pagination a { text-decoration: none; padding: 4px 10px; background-color: #fff; color: #464646; font-weight: bold; border: 1px solid #ddd; margin-right: 10px; }
.pagination a.selected { text-decoration: none; background-color: #464646; border: 1px solid #464646; color: #fff; }
.pagination a:hover { text-decoration: none; background-color: #0165FF; border: 1px solid #0165FF; color: #fff; }



/* Text Box styling */

input.textfield_short, input.textfield_med, input.textfield_long { border: 1px solid #ccc; line-height: 16px; padding: 8px; color: #808080; }
input.textfield_short { width: 50px; }
input.textfield_med { width: 300px; }
input.textfield_long { width: 90%; }

input:focus { border: 2px solid #038AFD; color: #464646; }



/* Table styling - Zebra stripes */

td.odd { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f6f6f6; padding: 15px 30px; }
td.even { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #fff; padding: 15px 30px; }



/* Special styling */

.clear { clear: both; margin-bottom: 20px; }

.padder { padding: 30px; }

.nonemargin { margin: 0; }

.small { font-size: 90%; text-align: left; }

.very_small { font-size: 70%; text-align: left; }

.bright { color: #3670d4; font-weight: bold; }

.floater_right { float: right; margin: 0 0 20px 20px; }



/* Tabs styling */

div#tabs {  }

div.my_tab { 
background:#ededed none repeat scroll 0 0;
border:1px solid #e5e5e5;
margin-bottom: 30px;
margin-top: -2px;
}

div.my_tab div.tab_box { 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
border:1px solid #e2e2e2;
margin: 19px;
}

div.my_tab h5 { color: #404040; }

div#tab-bar {
padding:0px 0px 0px 20px;
margin:0px;
height:40px;
}

div#tab-bar div.mt-tab {
float:left;
display:inline;
position:relative;
text-align:center;
margin:5px 5px 0px 0px;
cursor:pointer;
font-size: 12px;
line-height: 12px;
color:#a9a9a9;
padding: 10px 15px;	
font-size: 100%;	
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#f4f4f4;
border:1px solid #e2e2e2;
border-bottom: 0;
}

div#tab-bar div.mt-tab:hover { color: #404040; }

div#tab-bar div.mt-tab-active {
float:left;
display:inline;
text-align:center;
margin:5px 5px 0px 0px;
cursor:pointer;
color: #464646;
font-weight:bold;
padding: 10px 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#EDEDED;
border:1px solid #e2e2e2;
border-bottom: 1px solid #EDEDED;	
}

.tab_box tr:hover { background-color: transparent; }