/* General Tags */
body {margin: 0px 0px 30px 0px; background: #ffffff; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center;}
a {color: #7ba5c4; text-decoration: underline;}
a:visited {color: #7ba5c4;}
.breadcrumb {padding: 0px 0px 25px 0px; font-size: 11px; float: left;}
.breadcrumb p {margin: 0px; padding: 0px;}

/* Overall Structure */
.container {width: 827px; height: auto; margin: 0px auto 0px auto; text-align: left;}
.main {width: 827px; height: auto; margin: 0px; padding: 0px; float: left;}

/* Module Classes */
/* Page Sequence Module */
.tabs {width: auto; height: auto; margin: 0px 0px 30px 0px; background: #ffffff url('../Images/Videolink/Tabs/TabLine.gif') repeat-x bottom;}
.tabs .title {margin: 0px 6px 0px 2px;}
.tabs .tab {top: 13px;}

/* Security */
.login {width: 305px; height: auto; margin: 0px; padding: 0px; font-size: 12px; overflow: hidden;}
.login a {font-weight: bold;}
.narrow {width: 265px; float: right;}
.login h2 {width: 312px; height: auto; margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px; color: #555555; font-size: 13px; text-transform: uppercase; float: left;}
.login p {height: auto; margin: 0px 0px 5px 0px; padding: 0px; float: left;}
.login input {font-size: 11px;}
.login .username {width: 178px; padding-right:8px;}
.login .username input {width: 170px; height: auto; margin: 0px; padding: 2px;}
.login .password {width: 110px;}
.login .password input {width: 110px; height: auto; margin: 0px; padding: 2px;}
.login .html {width: 250px; font-size: 11px;}
.loggedin {font-size: 11px; font-weight: bold;}
.loggedin .welcome {height:17px; margin-bottom: 8px; color: #0d578e; font-size: 13px; text-transform: uppercase; border-bottom: 1px solid #dddddd; padding-bottom: 4px;}
.loggedin .cart {width: 100px; margin-top:8px; float:left;}
.loggedin .logoff {margin-top: 8px; text-align: right; float:right;}
.login .submit {width: 55px;}
.login .submit input {width: 55px; margin: 0px; padding: 0px; border: 0px; background: transparent url('../Images/videolink/Buttons/SubmitSmall.gif') no-repeat; cursor: hand; cursor: pointer; float: right;}
.accountlogin {width: 305px; padding: 0px; margin-right: 22px;}
.accountlogin .username {margin: 0px 0px 15px 0px;}
.accountlogin .username input {width: 180px; margin: 5px 0px 0px 0px;}
.accountlogin .password {margin: 0px 0px 5px 0px;}
.accountlogin .password input {width: 115px; margin: 5px 0px 0px 0px;}
.accountlogin .html {margin: 0px 0px 15px 0px; font-size: 11px;}
.accountlogin .submit {margin: 0px 0px 10px 0px;}

/* Menu */
.menuitem {width: 168px; height: auto; margin: 0px; padding: 6px; border: 1px solid #bababa; border-top: none; background-color: #7ba5c4; color: #ffffff; cursor: hand; cursor: pointer;}
.menuitemhover {width: 168px; height: auto; margin: 0px; padding: 6px; border: 1px solid #bababa; border-top: none; background-color: #2f7197; color: #ffffff; cursor: hand; cursor: pointer;}

/* Nav Bar */
.navitem {}
.navitemhover {}
.navitemimage {width: 100%; height: auto; margin-bottom: 12px; padding: 0px; cursor: hand; cursor: pointer;}
.navimage {width: 164px; height: auto; margin-bottom: 3px; padding: 0px; cursor: hand; cursor: pointer;}
.navimageon {width: 164px; height: auto; margin-bottom: 3px; padding: 0px; cursor: default;}
.nav, .navon {width: 100%; height: auto; margin: 0px; padding: 2px 0px 4px 6px; color: #7ba6c5; text-transform: uppercase; text-decoration: underline; font-size: 12px; cursor: hand; cursor: pointer;}
.navon {color: #0d578e; font-weight: bold; text-decoration: none; cursor: default;}
.navback {width: 158px; height: auto; margin: 0px; padding: 3px; background-color: #113f86; color: #ffffff;}
.navitembanner1, .navitembanner2 {width: 100%; height: auto; margin: 40px 0px 0px 0px; padding: 0px; cursor: hand; cursor: pointer;}
.navitembanner2 {margin-top:12px;}
.navbg {background: url('../images/videolink/nav/navbg.gif') repeat-x;}
.navhide {display: none; visibility: hidden;}

/* Account Pages */
.pagecol .accountcol {width: 580px; margin: 0px 0px 0px 20px; padding: 0px 4px 0px 0px;}

/* Content */
.contentcol h1, .securitycol h1 {width: 100%; height: auto; margin: 0px 0px 25px 0px; overflow-x: hidden;}
.contentcol {width: 100%;}
.contentcol h2, .securitycol h2 {width: 100%; margin: 0px 0px 15px 0px; padding: 2px 0px; font-size: 15px; color: #7ba5c4; font-weight: bold; text-transform: uppercase; border: 1px solid #dddddd; border-right: none; border-left: none;}
.securitycol .accountlogin h2 {display: none; visibility: hidden;}
.contentcol h3, .securitycol h3 {width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; color: #7ba5c4; font-weight: bold; text-transform: uppercase;}
.contentcol h1 object, .securitycol h1 object {margin: 0px; padding: 0px;}
.contentcol h1 embed, .securitycol h1 embed {margin: 0px; padding: 0px;}
.contentcol p, .securitycol p {margin: 0px 0px 30px 0px;}
.contentcol ul, .securitycol ul {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;}
.contentcol ul li, .securitycol ul li {height: auto; margin: 0px 0px 5px 0px; padding: 0px;}
.contentcol ul li ul li, .securitycol ul li ul li {vertical-align: baseline;}
.red h1, .red h2, .red h3, .red a, b.red, p.red {color: #990000;}

/* Form */
.templatecol {width: auto; height: auto; float: left; clear: left;}
.formrow {width: 100%; margin:0; padding-bottom:30px;}
.nopad {padding-bottom:2px;}
.smallpad {padding-bottom:10px;}
.formcol h2 {width: 100%; height: 27px;  margin: 20px 0px; padding-top: 9px; font-size: 16px; color: #066fb8; float: left;}
.formrow p {float: left;}
.formcol input {margin: 0px 6px 3px 0px; float: left; clear: left;}
.formcol div {margin: 5px 0px 0px 0px;}
.formcol div input {margin: 0px 5px 0px 0px; float: left; clear: left;}
.formcol select {margin: 0px 0px 3px 0px; float: left; clear: left;}
.formcol textarea {margin: 0px 0px 3px 0px; float: left; clear: left;}
.formcol label {height: auto; margin: 0px 0px 3px 0px; float: left; clear: right;}
.help {width: 180px; height: auto; margin: 0px 0px 0px 20px; padding: 14px 0px 0px 0px; font-size: 11px; line-height: 16px; float: right;}
.helpnopad {width: 180px; height: auto; margin: 0px 0px 0px 20px; padding: 0px; font-size: 11px; line-height: 16px; float: right;}
.floatleft {width: 610px; float: left; clear: both;}
.buttons {margin-top: 30px;}
.selected {padding: 7px; border: 3px solid #bbbbbb;}
.unselected {padding: 7px; border: 3px solid #ffffff;}

/* Template */
.templatecol h3 {font-size: 13px; text-transform: none; color: #555555; font-weight: normal; margin: 30px 0px 8px 0px;}
.color {margin: 1px; border: 3px solid #ffffff; cursor: hand; cursor: pointer;}
.coloron {margin: 1px; border: 3px solid #bbbbbb; cursor: hand; cursor: pointer;}
.template {width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px;}
.template input {float: none; margin: 12px 0px 0px 0px;}
.template img {margin: 12px 24px 0px 6px;}
.template div {display: none;}
.dialog, .tipPopUp {width: 220px; height: auto; margin: 0px; border: 1px solid #dddddd; background-color: #ffffff; font-size: 11px; text-align: center; display: block;}
.dialog h2, .tipPopUp h2 {margin: 1px; padding:4px; font-size: 15px; color:#ffffff; background-color:#7ba5c4; text-align:left;}
.dialog img, .tipPopUp img {margin: 4px auto 8px auto;}
.dialog p, .tipPopUp p {margin: 6px; text-align: left;}
.dialog .swatch { margin: 0px 6px 8px 6px; text-align: left;}
.dialog .swatch img {margin: 0px 2px 0px 0px;}

/* Report Module */
.Grid {width: 100%; margin: 0px; line-height: 16px; display: inline; color: #555555;}
.GridHeader {border-bottom: 2px solid #ffffff; font-weight: bold; vertical-align: center; cursor: default;}
.GridHeaderText {color: #ffffff;}
.GridHeaderText label {margin-right: 30px; font-weight: bold;}
.GridHeaderText input {width: 150px; margin: 2px 10px 2px 2px;}
.GridHeadingCellHover {}
.GridHeadingCellActive {}
.GridHeadingRow {margin-bottom: 20px; padding: 2px 10px 0px 10px; font-size: 15px; color: #7ba5c4; font-weight: bold; clear:both;}
.GridHeadingRowCollapsed {height: 0px; background-color: transparent; color: #154288; font-size: 1px;}
.GridHeadingCell {margin: 0px; padding: 3px 0px; border: 1px solid #dddddd; border-right: none; border-left: none;}
.GridHeadingCellText {font-weight: bold; text-align: left; display: inline;}
.GridRow {background-color: #ffffff; clear: both;}
.GridRowHover {background-color: #88abd2; color: #ffffff;}
.GridRowAlternating {background-color: #f1f6fa;}
.GridRowSpecial {font-weight: bold;}
.GridRowInactive {color: #999999;}
.GridRow .GridDataCell {padding: 10px 0px 10px 10px; cursor: default; vertical-align: top;}
.GridRowHover .GridDataCell {padding: 10px 0px 10px 10px; cursor: default;}
.GridRowAlternating .GridDataCell {padding: 10px 0px 10px 10px; cursor: default; vertical-align: top;}
.GridRow td.FirstDataCell {padding: 10px;} 
.GridFooter, .GridFooter2 {margin-bottom: 40px; padding: 2px 0px; font-size: 13px; font-weight: bold; width:auto; cursor: default; border: 1px solid #dddddd; border-right: none; border-left: none;}
.GridFooter2 {height:auto};
.GridFooter a {font-weight: bold; vertical-align: bottom;}
.GridPager {height: auto; padding: 2px 30px 0px 10px;}
.GroupByCell {cursor: pointer;}
.GroupByText {padding-right: 5px; color: #ffffff; font-weight: bold;}
.GroupHeading {padding-top: 5px; padding-bottom: 5px; background-color: #ffffff; color: #aaaaaa; font-weight: bold;}

/* E-Commerce Module */
.cart .quantity {width: 20%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .description {width: 40%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .price {width: 30%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .total {}
.navcart {width: 228px; margin: 25px 0px; padding: 30px 0px 4px 0px; font-size: 12px; line-height: 20px; background: transparent url('../Images/videolink/Nav/MyShoppingCart.gif') no-repeat top; float: left; border: 1px solid #dfdfdf;}
.navcart .description {margin: 0px 4px; color: #555555; line-height: 16px; float: left; display: inline; border-bottom: 1px solid #dddddd;}
.navcart .description .product {width: 150px; margin: 4px 0px; float: left; display: inline; text-align: left;}
.navcart .description .price {width: 54px; margin: 4px 0px; float: right; display: inline; text-align: right;}
.navcart .total {width: 125px; margin: 4px 4px 0px 4px; padding:2px 0px; float: right; display: inline; text-align: right; text-transform: uppercase;}
.navcart .cartlink {width: 85px; margin: 4px 4px 0px 4px; padding:2px 0px; float: left; text-align: left; text-transform: uppercase;}

.shoppingcartrow {width: 100%; margin: 0px; padding: 6px 0px; border-bottom: 1px solid #dddddd; float: left;}
.shoppingcartcol {height: auto; float: left; clear: none;}
.shoppingcartcol label {margin: 0px 5px 0px 0px; float: left;}
.shoppingcartcol input {margin: 0px 5px 0px 0px; float: left;}
.shoppingcartcol image {margin: 0px 5px 0px 0px; float: left;}
.subtotal {padding: 0px 10px 0px 0px; font-size: 15px; text-align: right; float: right; clear: right;}
.finaltotal {width: 775px; margin: 0px; padding: 0px 10px; font-size: 15px; text-align: right; float: right; clear: right;}
.accept {width: 817px; margin: 0px 0px 15px 0px; padding: 0px; font-size: 13px; text-align: right; float: right;}
.accept input {margin: 0px 8px 0px 0px; float: right;}
.accept label {float: right;}
.billingsummary {width: 355px; height: auto; padding: 0px 5px 0px 0px; font-size: 13px; float: left;}
.billingsummary .left {width: 155px; text-align: left; float: left; clear: none;}
.billingsummary .right {width: 170px; text-align: right; float: left; clear: none;}
.billingsummary .subtotal {width: 335px; height: 44px; margin-bottom: 5px; padding: 0px 10px; font-size: 13px; line-height: 18px; background: transparent url('../Images/Comcast/SingleDot.gif') repeat-x bottom; float: left;}
.billingsummary .total {width: 335px; height: 26px; margin: 0px 0px 10px 0px; padding: 0px 10px; font-size: 15px; line-height: 18px; background: transparent url('../Images/Comcast/BottomDots.gif') repeat-x bottom; float: left;}

/* Special Classes */
.footer {margin: 0px; padding: 30px 0px; font-size: 11px;}
.footer a {color: #555555;}
p.right a {margin: 0px 10px 0px 10px;}

/* Message Classes */
.message0 {width: 98%; height: auto; margin: 0px 0px 10px 0px; font-size: 13px; color: #999999;}
.message1 {font-size: 13px; color: #cc0000;}
.message1 ul {width: 96%; margin: 0px 0px 30px 0px; padding: 8px; list-style: inside; background-color: #fbf5f4; border: 1px solid #f5cccc;}
.message2 {width: 98%; height: auto; margin: 0px 0px 10px 0px; font-size: 13px; color: #999999;}
.message3 {width: 98%; height: auto; margin: 0px 0px 20px 0px; padding: 8px; background-color: #fbf5f4; border: 1px solid #f5cccc; font-size: 13px; color: #dd3333;}
.message4 {padding: 10px 0px 0px 0px; clear: left; font-size: 10px; color: #dd3333;}

.systemmessage0 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}
.systemmessage1 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #ff0000;}
.systemmessage2 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}

/* Demo Video Player */
.flashplayer {width: 100%; height: 370px; float: left;}
.videoon {width: 100%; height: auto; margin: 30px 0px 0px 0px; display: block; visibility: visible; float: left;}
.videooff {display: none; visibility: hidden;}
.navvideohead {width:100%; width:auto; margin-bottom: 1px;}
.navvideo {width: 316px; height: 64px; margin-bottom: 1px; padding: 6px 6px 6px 0px; background: url('../images/videolink/demos/demobg.gif') repeat-x; color: #0d578e; text-decoration: underline; cursor: hand; cursor: pointer;}
.navvideo td {vertical-align: top;}
.navvideo img, .navvideodots img {margin: 0px 6px; border:1px solid #555555;}

/* Tips */
.tipPopUp {position: absolute;}

/* Populator */
.populatorComboBox {border: 1px solid #A6A7AA; background-color: white; margin: 0px 5px 6px 0px; float: left; clear: left; }
.populatorComboBoxHover {border: 1px solid #A6A7AA; background-color: white; margin: 0px 5px 6px 0px; float: left; clear: left; }
.populatorComboDropDown {border: 1px solid #dddddd; background-color: white; cursor: default; }
.populatorComboTextBox {border: 0px;}
.populatorComboTextBoxHover {background-color: #ffffff;} 
.populatorComboItem {font-size: 11px; border: none;}
.populatorComboItemHover {font-size: 11px; color: #439bd7;}
.populatorHeader {background-color:#7ba5c4;}
.populatorHeader td {background: none; border: none; padding: 3px; color: #ffffff; font-size: 13px; font-weight: bold; text-align: left;}
.populatorHeader tr {background: none;}
.populatorTable td {text-align: left; cursor: default; padding: 3px; border: 1px solid #ffffff; border-bottom-color: #dedede; font-size: 13px;}
.populatorNewItem {font-size: 10px;}

/* Features */
.features {height: auto; float: left;}
.features div {width: 50%; float: left;}
.features div input {margin-right: 5px;}

/* Stock Photo Gallery */
#StockPhotoGrid_top_head, #StockPhotoGrid_expcol_0, #StockPhotoGrid_expcol_1, #StockPhotoGrid_expcol_2, #StockPhotoGrid_expcol_3, #StockPhotoGrid_expcol_4 {visibility: hidden; display: none;}
#StockPhotoGrid .DataCell {height:215px;}
.DataCell .photo {border:3px solid #ffffff;}
.DataCell .photo:hover {border:3px solid #66bef7;}
.DataCell .active {border:3px solid #66bef7;}

/* Shopping Cart Warning */
.warningon {display: block; visibility: visible;}
#LTV_SHOPPING_CART_WARNING {width: 340px; height: auto; margin: 0px; padding: 10px; color: #ffffff; font-size: 13px; background-color: #1f67a9; border: 2px solid #ffffff; text-align: left;}
#LTV_SHOPPING_CART_WARNING h2 {margin: 0px 0px 10px 0px; padding: 0px; font-size: 36px; color: #65e0ff; position: relative; float: left; border: none;}
#LTV_SHOPPING_CART_WARNING a {margin: 0px; color: #ffffff;}
#LTV_SHOPPING_CART_WARNING a.logoff {margin: 0px; padding: 0px; font-size:12px; font-weight: normal; position: relative; float: right; border: none;}
#LTV_SHOPPING_CART_WARNING p {margin: 0px; clear: both;}
#LTV_SHOPPING_CART_WARNING .links {margin-top: 16px; padding-bottom:10px; font-weight: bold;}

/* Send to a Friend Overlay */
#EmailContent {width: 100%; height: auto; margin: 0px; padding: 0px;}
#EmailContent #EmailClose {width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px; text-align: right; font-size: 10px; float: left; clear: both;}
#EmailContent #EmailError {width: 100%; height: auto; margin: 10px 0px 0px 0px; padding: 0px; font-size: 11px; color: #ff0000; float: left; clear: both;}
#EmailContent h2 {width: 100%; margin: 0px; overflow: hidden; float: left; clear: both;}
#EmailContent input {width: 300px; margin: 0px 0px 5px 0px; float: left; clear: both;}
#EmailContent textarea {width: 300px; margin: 0px 0px 5px 0px; float: left; clear: both;}
#EmailContent label {width: 100%; margin: 10px 0px 5px 0px; float: left; clear: both;}
#EmailContent img {width: auto; float: right;}

/* VO Player */
#VOOptions {}
#FileStringValue1 {width:560px; height:100px; margin-top:17px; float: left;}
.VORadio {width: 140px; margin-right: 30px; padding-bottom: 3px; float: left;}
#VoiceOverScriptPreview {width: 360px; margin: 0px 0px 10px 0px; float: left;}
#VoiceOverMP3Preview {clear: both;}
#VoiceOverMP3Preview object {width: 380px; height: 50px; margin: 0px; padding: 0px;}
#VoiceOverMP3Preview embed {width: 380px; height: 50px; margin: 0px; padding: 0px;}
#UpdatePreview {margin-top: 10px;}
#VOText .on {display: inline; visibility: visible;}
#VOText textarea {width: 300px; height: 200px;}

/* Music Bed Player */
#MusicBedPlayer {width: 100%; height: auto; margin: 20px 0px 0px 0px; padding: 0px; float: left; clear: both;}
#MusicBedPlayer object {width: 380px; height: 50px; margin: 0px; padding: 0px;}
#MusicBedPlayer embed {width: 380px; height: 50px; margin: 0px; padding: 0px;}
#UpdatePreview {cursor: hand; cursor: pointer;}

/* Preview Styles */
#BasicTemplate {}
#EnhancedTemplate {}
.previewbutton {width: 100%; float: left; clear: both;}