/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block; *
display: inline; *
zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url('http://create.ccs-dev.leszynski.net/cms/img/DashboardBackground.png');
background-color: #BFCED7;
background-repeat: repeat-x;
}
html, button, input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #222;
-webkit-font-smoothing: antialiased;
}
body {
margin: 0;
padding: 0;
font-size: 1em;
text-align: center;
font-family: arial;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/* =============================================================================
Links
========================================================================== */
a {
/* color: #00e; */
}
a:visited {
}
a:hover {
}
a:focus {
outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
font-size: 75%;447[]
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
ul, ol{
margin: 1em 0;
padding: 0 0 0 40px;
}
li {
margin-left:-23px;
margin-right:-10px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
cursor: pointer;
}
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend {
border: 0; *
margin-left: -7px;
padding: 0;
white-space: normal;
}
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline; *
vertical-align: middle;
}
select {
width:110px;
}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input {
line-height: normal;
}
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button; *
overflow: visible;
}
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] {
cursor: default;
}
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0; *
width: 13px; *
height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
Tables
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
font-size:9pt;
clear:both;
}
th {
vertical-align: top;
background-color:#767f85;
color: #fff;
padding:5px;
margin:5px;
text-align:left;
border-color:#fff;
border-bottom:5px;
border-color:#fff;
vertical-align:middle;
border-style:solid;
}
td {
vertical-align: top;
background-color:#fff;
color: #767F85;
padding:5px;
margin:5px;
text-align:left;
}
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
/* ======================================================================== */
/* ==|=====================================================================
Font Styles
========================================================================== */
/* ======================================================================== */
.font_Oswald {
font-family: 'Oswald', sans-serif; color:#65757e; height:45px;
-webkit-font-smoothing: subpixel-antialiased;
}
.small_caps{
font-size:0.7em;
text-transform:capitalize;
color:#646464;
}
/* ======================================================================== */
/* ==|=====================================================================
Main Content Container
========================================================================== */
/* ======================================================================== */
body, html { height: 100%; margin: 0; padding; 0 }
.main_outerContainer {
width: 904px;
display: inline-block;
background-color:white;
border-style: solid;
border-width: 2px;
border-color: #22628c;
margin-top:5px;
margin-bottom:5px;
padding-bottom:2%;
padding-top:1%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#f4f4f4;
}
/* Portrait View */
@media screen and (max-width: 768px) { .main_outerContainer { width: 750px; }}
.main_logo_bar {
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
height:58px;
margin-top:12px;
text-align;left;
clear:both;
}
.main_menu_bar {
background-color:#133448;
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
height:37px;
margin-top:22px;
text-align;left;
clear:both;
}
/* ======================================================================== */
/* ==|=====================================================================
Logo Bar Styles
========================================================================== */
/* ======================================================================== */
.logo_bar_logo {
float:left;
display:block;
background-image: url('http://create.ccs-dev.leszynski.net/cms/img/cisco3.png');
width:108px;
height:58px;
}
.logo_bar_title {
font-size:1.6em;
float:left;
display:inline-block;
margin-left:3%;
margin-top: 26px;
bottom: 0;
vertical-align:baseline;
float:left; display:inline-block;
margin-left:30px;
}
.logo_bar_techpreview {
background-color: #38444c;
width: 180px;
height: 28px;
margin-top: 24px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:right;
display:inline-block;
bottom: 0px;
vertical-align: baseline;
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
font-size: 1.1em;
font-weight: normal;
}
/* ======================================================================== */
/* ==|=====================================================================
Menu Bar Styles
========================================================================== */
/* ======================================================================== */
.menu_bar_menu_item {
background-color:#133448;
color: #fff;
float: left;
font-weight: bold;
font-size: .8em;
width: 120px;
text-align: center;
height: 100%;
display:inline-block;
}
.menu_bar_menu_item:hover {
background-color:#0e2533;
cursor:pointer;
}
.menu_bar_menu_item_spacer {
padding-top:10px;
display:inline-block;
}
#menu_item_logout{
float:right;
}
/* ======================================================================== */
/* ==|=====================================================================
Submenu Bar Styles
========================================================================== */
/* ======================================================================== */
.main_submenu_bar {
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
margin-top:12px;
text-align:left;
clear:both;
margin-top:32px;
}
.menu_bar_submenu_title {
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
display:inline-block;
float:left;
color:#7a7a7a;
margin-bottom:9px;
vertical-align:text-bottom;
margin-top:6px;
}
.menu_bar_submenu_BigTitle {
font-size:1.3em;
display:inline-block;
float:left;
color:#7a7a7a;
margin-bottom:9px;
vertical-align:text-bottom;
margin-left:6px;
width:400px;
text-align:left;
}
.menu_bar_itemleft1 {
}
.menu_bar_itemleft2 {
}
.menu_bar_itemright1 {
float:right;
color:#133448;
font-size:.85em;
margin-bottom:9px;
margin-top:6px;
}
.menu_bar_hr_blue {
clear:both;
display:block;
width:820px;
margin-left:auto;
margin-right:auto;
height:3px;
background-color:#bfced7;
margin-top:-20px;
}
/* ======================================================================== */
/* ==|=====================================================================
Footer Bar Styles
========================================================================== */
/* ======================================================================== */
.main_menu_footer{
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
color:#DDDDDD;
margin-top:50px;
}
.menu_bar_hr_blue_footer {
clear:both;
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
height:2px;
background-color:#bfced7;
}
.menu_bar_footerright1{
color:#bfced7;
font-size:.7em;
float:right;
display:inline-block;
margin-top:6px;
}
/* ======================================================================== */
/* ==|=====================================================================
Main_Content
========================================================================== */
/* ======================================================================== */
.main_content_wrapper{
width:820px;
margin-left:auto;
margin-right:auto;
min-height:100px;
margin-top:1%;
margin-bottom:1%;
}
/* ======================================================================== */
/* ==|=====================================================================
Buttons
========================================================================== */
/* ======================================================================== */
.btn_container{
width:820px;
margin-left:auto;
margin-right:auto;
display:block;
text-align:left;
margin-top:3%;
margin-bottom:3%;
clear: both;
}
.grey_btn{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #424242) );
background:-moz-linear-gradient( center top, #b3b3b3 5%, #424242 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#424242');
background-color:#b3b3b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#f2e9f2;
font-family:arial;
font-size:.9em;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
}
.grey_btn_disabled{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#b3b3b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#f2e9f2;
font-family:arial;
font-size:.9em;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
}
.grey_btn:hover {
cursor:pointer;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #696969), color-stop(1, #5c5b5b) );
background:-moz-linear-gradient( center top, #424242 5%, #b3b3b3 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#b3b3b3');
background-color:#424242;
}
.blue_btn {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #194f70), color-stop(1, #133448) );
background:-moz-linear-gradient( center top, #194f70 5%, #133448 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#194f70', endColorstr='#133448');
background-color:#194f70;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#f2e9f2;
font-family:arial;
font-size:.9em;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
}.blue_btn:hover {
cursor:pointer;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #133448), color-stop(1, #194f70) );
background:-moz-linear-gradient( center top, #133448 5%, #194f70 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#133448', endColorstr='#194f70');
background-color:#133448;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
.big_blue_btn {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b4660), color-stop(1, #133448) );
background:-moz-linear-gradient( center top, #1b4660 5%, #133448 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b4660', endColorstr='#133448');
background-color:#1b4660;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 49px;
text-decoration:none;
margin-top:-15px;
}.big_blue_btn:hover {
cursor:pointer;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #133448), color-stop(1, #1b4660) );
background:-moz-linear-gradient( center top, #133448 5%, #1b4660 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#133448', endColorstr='#1b4660');
background-color:#133448;
}
.big_blue_btn_disabled {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#b3b3b3;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 49px;
text-decoration:none;
margin-top:-15px;
}.
.big_grey_btn {
cursor:pointer;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #4f4f4f) );
background:-moz-linear-gradient( center top, #808080 5%, #4f4f4f 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#4f4f4f');
background-color:#808080;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:9px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fffcff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 35px;
text-decoration:none;
margin-top:-15px;
}.big_grey_btn:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4f4f4f), color-stop(1, #808080) );
background:-moz-linear-gradient( center top, #4f4f4f 5%, #808080 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#808080');
background-color:#4f4f4f;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
.select_box_big{
width:300px;
}
/* ======================================================================== */
/* ==|=====================================================================
Block Table Set
========================================================================== */
/* ======================================================================== */
.table_blocklarge {
width:820px;
display:inline-block;
}
.table_blocklarge_header {
height:44px;
width:100%;
clear:both;
background-color:#767f85;
text-align:right;
font-weight:normal;
color:#fff;
display:block;
font-size:.9em;
}
.table_blocklarge_header_item {
float:right;
margin-right:20px;
vertical-align:middle;
margin-top:12px;
display:inline-block;
}
.table_blocklarge_header_round_tangle{
background-color:#686d71;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 0px solid #800000;
height:25px;
width: 160px;
text-align:center;
}
.table_blocklarge_item {
clear:both;
margin-top:4px;
margin-right:20px;
height:80px;
width:100%;
background-color:#767f85;
color:#fff;
margin-top:5px;
}
.table_blocklarge_item_text {
display:block;
float:left;
margin-left:16px;
margin-top:15px;
width:140px;
text-align:left;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
}
.table_blocklarge_item_arrow {
margin-left:22px;
margin-top:15px;
float:left;
}
.table_div_left{
width:28%;
background-color:white;
float:left;
}
.table_div_right{
width:71%;
float:right;
min-height:368px;
margin-top:4px;
margin-left:8px;
display:block;
}
/* ======================================================================== */
/* ==|=====================================================================
Block Table Set
========================================================================== */
/* ======================================================================== */
.table_btn_off {
background-image:url('http://create.ccs-dev.leszynski.net/cms/img/btn_bg1.png');
background-repeat:repeat-y;
background-color:#4c4b4b;
}
.table_btn_off:hover {
background-image:url('http://create.ccs-dev.leszynski.net/cms/img/btn_bg1_hover.png');
}
.table_btn_on {
background-image:url('http://create.ccs-dev.leszynski.net/cms/img/btn_bg2.png');
background-repeat:repeat-y;
background-color:#133448;
}
.table_btn_disabled {
background-image:url('http://create.ccs-dev.leszynski.net/cms/img/btn_bg3.png');
background-repeat:repeat-y;
background-color:#4c4b4b;
cursor:auto;
}
/* ======================================================================== */
/* ==|=====================================================================
Block Table Set - Inner Table - Listings
========================================================================== */
/* ======================================================================== */
.table_listings_header{
float:left;
display:block;
width:45.5%;
margin-top:2px;
height:28px;
margin-bottom:8px;
color:#526673;
font-weight:bold;
text-align:left;
padding-left:4%;
padding-top:9px;
}
.table_listings_header_left{
margin-left:3px;
}
.table_listings_item{
float:left;
display:block;
width:46%;
height:28px;
color:#526673;
font-weight:bold;
text-align:right;
padding-left:2%;
padding-right:2%;
padding-top:9px;
background-color:#fff;
font-size:.8em;
color:#767f85;
font-weight:normal;
text-align:left;
}
.table_listings_item_img_left{
float:left;
width:27px;
height:27px;
background: url('http://create.ccs-dev.leszynski.net/cms/img/small_table_icons.png');
margin-top:-7px;
}
.table_listings_item_img_left_off{
float:left;
width:27px;
height:27px;
background: url('http://create.ccs-dev.leszynski.net/cms/img/small_table_icons.png');
margin-top:-7px;
}
.table_listings_item_img_left:hover{
cursor:pointer;
}
.table_listings_item_img_right{
float:right;
width:27px;
height:27px;
background: url('http://create.ccs-dev.leszynski.net/cms/img/small_table_icons.png');
margin-top:-7px;
}
.table_listings_item_img_right:hover{
cursor:pointer;
}
.table_listings_item_text{
float:left;
margin-left:5px;
margin-right:5px;
}
/* ======================================================================== */
/* ==|=====================================================================
Doc Details -- kit_man_submenu_item
========================================================================== */
/* ======================================================================== */
.doc_details_owner_row1{
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
margin-bottom:12px;
margin-top:20px;
clear:both;
}
.doc_details_owner_row1_select{
margin-left:15px;
margin-right:15px;
width:190px;
}
.doc_details_reviewers_row2{
background-color:#d1d8dc;
height:45px;
display:block;
padding-top:20px;
font-weight:bold;
text-transform:uppercase;
color:#767f85;
font-size:.9em;
}
.doc_details_reviewers_row3{
margin-left:15px;
margin-right:15px;
width:190px;
}
/* ======================================================================== */
/* ==|=====================================================================
Kit Manifest
========================================================================== */
/* ======================================================================== */
.kit_man_submenu {
margin-bottom:17px;
height:130px;
display:block;
}
.kit_man_submenu {
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
height:15px;
margin-bottom:12px;
margin-top:29px;
}
.kit_man_submenu_item{
cursor:pointer;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #4f4f4f) );
background:-moz-linear-gradient( center top, #808080 5%, #4f4f4f 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#4f4f4f');
background-color:#808080;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fffcff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 35px;
text-decoration:none;
margin-top:-15px;
width:122px;
}
.kit_man_submenu_item:hover{
cursor:pointer;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #696969), color-stop(1, #5c5b5b) );
background:-moz-linear-gradient( center top, #424242 5%, #b3b3b3 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#b3b3b3');
background-color:#424242;
}
.kit_man_submenu_item_active{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b4660), color-stop(1, #133448) );
background:-moz-linear-gradient( center top, #1b4660 5%, #133448 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b4660', endColorstr='#133448');
background-color:#1b4660;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:4px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 49px;
text-decoration:none;
margin-top:-15px;
width:122px;
}
.kit_man_submenu_item_disabled{
cursor:pointer;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#b0b0b0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border:1px solid #dcdcdc;
display:inline-block;
color:#fffcff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:9px 35px;
text-decoration:none;
margin-top:-15px;
width:122px;
cursor:auto;
border-top-left-radius:15px;
border-top-right-radius:15px;
}
.kit_man_submenu_kit{
height:30px;
margin-top:50px;
}
.kit_man_submenu_item2{
margin-left:1%;
margin-right:1%;
}
.kit_man_table_wrapper{
width:820px;
display:block;
margin-left:auto;
margin-right:auto;
}
.kit_man_request_table{
display:table;
width:100%;
color:#73796B;
font-size:.8em;
margin-bottom:4px;
}
.kit_man_request_cell_label{
display:table-cell;
text-align:right;
width:29%;
padding:3%;
}
.kit_man_request_cell{
display:table-cell;
text-align:left;
width:61%;
background-color:#fff;
padding:3%;
}
/* ======================================================================== */
/* ==|=====================================================================
Kit Content Table
========================================================================== */
/* ======================================================================== */
.KitContent_table_div_container{
width:820px;
clear:both;
min-height:368px;
margin-left:auto;
margin-right:auto;
display:table;
}
.KitContent_table_listings_header{
display:table-cell;
margin-top:2px;
background-color:#bfced7;
min-height:27px;
margin-bottom:8px;
color:#526673;
font-weight:bold;
text-align:right;
padding-right:4%;
padding-top:9px;
float:left;
}
.KitContent_table_listings_item{
background-color:#fff;
text-align: left;
font-size: .75em;
color: #767f85;
font-weight:normal;
padding-top:8px;
padding-right:2%;
padding-left:2%;
margin-top:1px;
margin-bottom:1px;
}
.KitContent_table_listings_header_item1{
width:38%;
clear:both;
}
.KitContent_table_listings_header_item2{
margin-left:0.5%;
margin-right:0.5%;
width:24%;
}
.KitContent_table_listings_header_item3{
width:24%;
}
.KitContent_table_listings_item_img_left{
float:left;
width:23px;
height:23px;
margin-top:-3px;
background: url('http://create.ccs-dev.leszynski.net/cms/img/small_KitContent_table_icons.html');
background-color:yellow;
}
.KitContent_table_listings_item_img_right{
float:right;
width:23px;
height:23px;
margin-top:-3px;
background: url('http://create.ccs-dev.leszynski.net/cms/css/small_KitContent_table_icons.html');
background-color:yellow;
}
.KitContent_table_listings_item_text{
float:left;
margin-left:5px;
margin-right:5px;
}
.KitContent_right_btn{
margin-top:-9px;
margin-right:10px;
}
.KitContent_header_grey {
float:left;
color:#767f85;
font-weight:bold;
}
/* ======================================================================== */
/* ==|=====================================================================
Template Icons - Color, Alignment
========================================================================== */
/* ======================================================================== */
.img_icon_template{
width:27px;
height:27px;
margin-top:-3px;
background-image: url('http://create.ccs-dev.leszynski.net/cms/img/small_table_icons.png');
}
.img_star { background-position: 0 0; }
.img_magnify { background-position: -30px 1px; }
.img_clock { background-position: -60px 1px; }
.img_gear { background-position: -87px 1px; }
.img_pencil { background-position: -116px 1px; }
.img_bulb { background-position: -143px 1px; }
.img_check { background-position: -169px 1px; }
.img_refresh { background-position: -198px 1px; }
.img_archive { background-position: -225px 1px; }
.img_wrench { background-position: -251px 1px; }
.img_plus { background-position: -279px 1px; }
.img_x { background-position: -308px 1px; }
.img_heart { background-position: -336px 1px; }
.img_arrow_r { background-position: -364px 1px; }
.img_arrow_l { background-position: -391px 1px; }
.img_doc { background-position: -418px 1px; }
.img_minus { background-position: -446px 1px; }
.img_3_lines { background-position: -476px 1px; }
.img_clock_blue { background-position: -60px -51px; }
.img_gear_blue { background-position: -87px -51px; }
.img_pencil_blue { background-position: -116px -51px; }
.img_bulb_blue { background-position: -143px -51px; }
.img_check_blue { background-position: -169px -51px; }
.img_refresh_blue { background-position: -198px -51px; }
.img_archive_blue { background-position: -225px -51px; }
.img_wrench_blue { background-position: -251px -51px; }
.img_plus_blue { background-position: -279px -51px; }
.img_x_blue { background-position: -308px -51px; }
.img_heart_blue { background-position: -336px -51px; }
.img_arrow_r_blue { background-position: -364px -51px; }
.img_arrow_l_red { background-position: -391px -51px; }
.img_3_lines_blue { background-position: -476px -51px; }
.img_clock_red { background-position: -60px -77px; }
.img_gear_red { background-position: -87px -77px; }
.img_pencil_red { background-position: -116px -77px; }
.img_bulb_red { background-position: -143px -77px; }
.img_check_red { background-position: -169px -77px; }
.img_refresh_red { background-position: -198px -77px; }
.img_archive_red { background-position: -225px -77px; }
.img_wrench_red { background-position: -251px -77px; }
.img_plus_red { background-position: -279px -77px; }
.img_x_red { background-position: -308px -77px; }
.img_heart_red { background-position: -336px -77px; }
.img_arrow_r_red { background-position: -364px -77px; }
.img_arrow_l_red { background-position: -391px -77px; }
.img_3_lines_red { background-position: -476px -77px; }
.img_magnify_suitcase { background-position: -30px -101px; }
.img_clock_suitcase { background-position: -60px -101px; }
.img_gear_suitcase { background-position: -87px -101px; }
.img_pencil_suitcase { background-position: -116px -101px; }
.img_bulb_suitcase { background-position: -143px -101px; }
.img_check_suitcase { background-position: -169px -101px; }
.img_refresh_suitcase { background-position: -198px -101px; }
.img_archive_suitcase { background-position: -225px -101px; }
.img_wrench_suitcase { background-position: -251px -101px; }
.img_plus_suitcase { background-position: -279px -101px; }
.img_x_suitcase { background-position: -308px -101px; }
.img_heart_suitcase { background-position: -336px -101px; }
.img_arrow_r_suitcase { background-position: -364px -101px; }
.img_arrow_l_suitcase { background-position: -391px -101px; }
.img_3_lines_suitcase { background-position: -476px -101px; }
.img_clock_suitcase_red { background-position: -60px -160px; }
.img_gear_suitcase_red { background-position: -87px -160px; }
.img_pencil_suitcase_red { background-position: -116px -160px; }
.img_bulb_suitcase_red { background-position: -143px -160px; }
.img_check_suitcase_red { background-position: -169px -160px; }
.img_refresh_suitcase_red { background-position: -198px -160px; }
.img_archive_suitcase_red { background-position: -225px -160px; }
.img_wrench_suitcase_red { background-position: -251px -160px; }
.img_plus_suitcase_red { background-position: -279px -160px; }
.img_x_suitcase_red { background-position: -308px -160px; }
.img_heart_suitcase_red { background-position: -336px -160px; }
.img_arrow_r_suitcase_red { background-position: -364px -160px; }
.img_arrow_l_suitcase_red { background-position: -391px -160px; }
.img_3_lines_suitcase_red { background-position: -476px -160px; }
.img_clock_suitcase_blue { background-position: -60px -191px; }
.img_gear_suitcase_blue { background-position: -87px -191px; }
.img_pencil_suitcase_blue { background-position: -116px -191px; }
.img_bulb_suitcase_blue { background-position: -143px -191px; }
.img_check_suitcase_blue { background-position: -169px -191px; }
.img_refresh_suitcase_blue { background-position: -198px -191px; }
.img_archive_suitcase_blue { background-position: -225px -191px; }
.img_wrench_suitcase_blue { background-position: -251px -191px; }
.img_plus_suitcase_blue { background-position: -279px -191px; }
.img_x_suitcase_blue { background-position: -308px -191px; }
.img_heart_suitcase_blue { background-position: -336px -191px; }
.img_arrow_r_suitcase_blue { background-position: -364px -191px; }
.img_arrow_l_suitcase_blue { background-position: -391px -191px; }
.img_3_lines_suitcase_blue { background-position: -476px -191px; }
.img_disabled {opacity: .3;
cursor:help;}
.img_disabled:hover {
cursor:auto;
}
/* ================== color & shape ================ */
.icon_right { float:right; margin-right:5px; }
.icon_left { float:left; margin-left:5px; }
/* ======================================================================== */
/* ==|=====================================================================
Grey Table - Details img_clock
========================================================================== */
/* ======================================================================== */
.table_details_grey_header_bar{
margin-left:auto;
margin-right:auto;
width: 820px;
display:inline-block;
height:56px;
}
.table_details_item_bar{
margin-left:auto;
margin-right:auto;
width: 820px;
display:inline-block;
}
.table_details_grey_header_cell{
float:left;
color:#fff;
padding-top:20px;
height:26px;
display:block;
background-color:#767f85;
text-align:left;
padding-left:15px;
font-size:.9em;
font-weight:bold;
}
.table_details_owner_itemheader{
margin-left:auto;
margin-right:auto;
width: 820px;
display:block;
height:15px;
margin-bottom:12px;
margin-top:29px;
}
.table_details_cell{
float:left;
color:#767f85;
padding-top:0px;
min-height:10px;
display:block;
text-align:left;
padding-left:15px;
font-size:.8em;
}
.table_details_grey_header_cell1{
width:180px;
}
.table_details_grey_header_cell2{
width:180px;
border-left:3px;
border-right:3px;
border-top:0px;
border-bottom:0px;
border-style:solid;
border-color:#f4f4f4;
}
.table_details_grey_header_cell3{
width:407px;
}
.active_pointer_off{
cursor:auto;
}
/* ======================================================================== */
/* ==|=====================================================================
Loading Bar - Cascatding Color
========================================================================== */
/* ======================================================================== */
.loading_bar_holder{
background-color:#afbdc4;
display:inline-block;
}
.loading_bar_item{
margin:1px;
float:left;
height:12px;
width:4px;
background-color:#fff;
}
.loading_bar_item_on1{
background-color:#133448;
}
.loading_bar_item_on2{
background-color:#1a4863;
}
.loading_bar_item_on3{
background-color:#276a93;
}
.loading_bar_item_on4{
background-color:#3b96cd;
}
.loading_bar_item_on5{
background-color:#40a6e4;
}
.loading_bar_item_on6{
background-color:#49baff;
}
.loading_bar_item_on7{
background-color:#1afe02;
};
/* ======================================================================== */
/* ==|=====================================================================
Loading Bar - Cascatding Color
========================================================================== */
/* ======================================================================== */
.content_kit_notification_table{
}
.content_kit_notification_table_cell{
margin-bottom:2px;
border-bottom-width:2px;
border-bottom-color:#f4f4f4;
border-bottom-style:solid;
border-right-width:2px;
border-right-color:#f4f4f4;
border-right-style:solid;
}
.content_kit_notification_tr{
display:table-row;
}
.content_kit_notification_table_header{
background-color:#767f85;
color:#fff;
font-weight:bold;
margin-bottom:2px;
border-bottom-width:2px;
border-bottom-color:#f4f4f4;
border-bottom-style:solid;
border-right-width:2px;
border-right-color:#f4f4f4;
border-right-style:solid;
}
.content_kit_notification_table_col1{
width:300px;
float:left;
display:table-cell;
}
.content_kit_notification_table_col2{
width:100px;
float:left;
display:table-cell;
}
.content_kit_notification_table_col3{
width:100px;
float:left;
display:table-cell;
}
.content_kit_notification_table_col4{
width:100px;
float:left;
display:table-cell;
}
.content_kit_notification_table_col5{
width:140px;
float:left;
display:table-cell;
}
/* ======================================================================== */
/* ==|=====================================================================
Slider Categorization
========================================================================== */
/* ======================================================================== */
.slider_header_grey {
background-color:#767f85; color:#fff; font-size:1.1em;
font-weight:bold; padding:13px;
}
.slider_small_roundtrangle {
width: 20px;
height: 20px;
background: #fff;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-style:solid;
border-color:#767f85;
border-width:1px;
float:left;
margin-left:5px;
margin-right:5px;
}
.slider_small_roundtrangle:hover {
background-color:#DDD;
}
.slider_small_roundtrangle_blue{
width: 20px;
height: 20px;
background-color:#14354a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-style:solid;
border-color:#767f85;
border-width:1px;
float:left;
margin-left:5px;
margin-right:5px;
}
.opa_image{
border:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(Opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
background-color:red;
}