/*---------------------------------------- NAME: TDCM Deploy Theme NOTE: Please add your website theme here. please feel free to delete all the current styles in this file and add your own custom styles. this file does not get overwritten on upgrade. ----------------------------------------*/ .error-message {background:#FFD6D6 url(/Images/UserUploadedImages/11/error.png) no-repeat 12px 9px; border:1px solid #FFC2C2; color:#C24848; margin:15px 0; padding:8px 10px 8px 37px;} .success-message {background:#D7F7DF url(/Images/UserUploadedImages/11/success.png) no-repeat 12px 9px; border:1px solid #A3F7B8; color:#3F9153; margin:15px 0; padding:8px 10px 8px 37px;} /*---------------------------------------- / layout ----------------------------------------*/ #wrapper {width:100%; float:left; background:#D8D8D8 url(/images/useruploadedimages/11/site-bg.gif) repeat-x 0px 200px; border-bottom:20px solid #D8D8D8;} #wrapper #wrapper-inner {margin:0 auto; width:980px;} #wrapper #page-content {width:938px; float:left; padding:20px; background-color:#F4F5F6; border:1px solid #fff; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px;} #wrapper #page-content #container-full {width:938px; float:left;} #wrapper #page-content #container {width:708px; float:left;} #wrapper #page-content #container-both {width:478px; float:left;} #wrapper #page-content #sidebar {width:210px; float:left; padding:0 0 0 20px;} /*---------------------------------------- / header ----------------------------------------*/ #header {position:relative; height:50px; padding:20px; margin:0 auto; width:940px;} #header .header-logo {position:absolute; top:25px; left:20px;} #header .header-login {position:absolute; top:30px; right:0; background-color:#CECECE; border:1px solid #ACACAC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;} #header .header-login ul {list-style-type:none; margin:0; padding:10px; border:1px solid #DBDBDB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;} #header .header-login ul li {display:inline; padding:0 5px;} /*---------------------------------------- / search ----------------------------------------*/ .header-search {position:absolute; top:10px; right:20px;} .header-search div.searchPanel {text-align:right;} .header-search div.searchPanel label {position:absolute; left:-9999px;} .header-search div.searchPanel input {background-color:#3D3D3D; border:1px solid #474747; color:#fff; padding:5px; vertical-align:middle; width:150px !important;} .header-search div.searchPanel a {background-color:#207eab; border:5px solid #207eab; color:#fff; font-weight:bold; height:30px; margin-left:10px; padding:2px;text-decoration:none; text-transform:lowercase; vertical-align:middle;} .header-search div.searchPanel a:hover, .header-search div.searchPanel a:focus {border:5px solid #207eab;} .header-search div.searchPanel span[id$="SearchKeywordValidator"] {display:none !important;} /*-----dynamic results box-----*/ #dynamic-results {position:absolute; border:1px solid #E0E0E0; top:25px; right:0px; width:290px; height:50px; padding:5px; overflow:hidden; background-color:#fff; display:none; z-index:1001;} #dynamic-results #dynamic-results-mask {display:none;} #dynamic-results #dynamic-results-mask p {margin-bottom:5px;} #dynamic-results #dynamic-results-inner {display:none; width:290px; height:auto; overflow:auto;} #dynamic-results #dynamic-results-inner p {margin-bottom:5px;} #dynamic-results #dynamic-results-inner .firstRow {display:block; padding:5px; border-bottom:1px solid #eee;} #dynamic-results #dynamic-results-inner .firstRow:hover, #dynamic-results #dynamic-results-inner .firstRow:focus {background-color:#CECECE;} #dynamic-results #dynamic-results-inner .firstRow:hover a, #dynamic-results #dynamic-results-inner .firstRow:focus a {} #dynamic-results #dynamic-results-inner .firstRow .resultImage {display:none;} #dynamic-results #dynamic-results-inner .firstRow .resultNumber {display:none;} #dynamic-results #dynamic-results-inner .firstRow a {float:none; text-decoration:none;} #dynamic-results #dynamic-results-inner img {display:none;} #dynamic-results #dynamic-results-links {display:block; color:#fff; background-color:#207EAB; padding:5px;} #dynamic-results #dynamic-results-links #close-results {color:#fff; float:right;} #dynamic-results #dynamic-results-links #more-results {color:#fff;} #dynamic-results #search-variable {display:none;} /*---------------------------------------- / navigation ----------------------------------------*/ #main-nav {position:relative; border:1px solid #fff; border-bottom:1px solid #E0E0E0; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px;} /*-----horizontal menu styles-----*/ #TopMenu {background-color:#F4F5F6; height:46px !important;} #TopMenu .menu {height:36px !important; padding:5px 0;} #TopMenu .menu ul.rootGroup {border-right:1px solid #fff;} /*root/level1 horizontal menu*/ #TopMenu a.link, #TopMenu a.CMLevel1Selected {height:auto;} #TopMenu a.link span, #TopMenu a.CMLevel1Selected span {color:#777777; font-size:120%; height:16px; padding:10px 20px; border-right:1px solid #E0E0E0; border-left:1px solid #ffffff;} #TopMenu li.first a.link span, #TopMenu li.first a.CMLevel1Selected span {border-left:none;} #TopMenu a.link:hover span, #TopMenu a.link:focus span {color:#1E1E1E;} /*level 2 horizontal menu*/ #TopMenu a.CMLevel2, #TopMenu a.CMLevel2Selected {height:auto;} #TopMenu a.CMLevel2 span, #TopMenu a.CMLevel2Selected span {height:16px; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel2Selected:hover span, #TopMenu a.CMLevel2:hover span, #TopMenu a.CMLevel2:focus span {} /*level 3 horizontal menu*/ #TopMenu a.CMLevel3, #TopMenu a.CMLevel3Selected {height:auto;} #TopMenu a.CMLevel3 span, #TopMenu a.CMLevel3Selected span {height:16px; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel3Selected:hover span, #TopMenu a.CMLevel3:hover span, #TopMenu a.CMLevel3:focus span {} /*level 4 horizontal menu*/ #TopMenu a.CMLevel4, #TopMenu a.CMLevel4Selected {height:auto;} #TopMenu a.CMLevel4 span, #TopMenu a.CMLevel4Selected span {height:16px; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel4Selected:hover span, #TopMenu a.CMLevel4:hover span, #TopMenu a.CMLevel4:focus span {} /*-----vertical menu styles-----*/ #LeftMenu {width:210px !important; float:left; margin-right:20px;} /*root/level2 vertical menu*/ #LeftMenu a.link, #LeftMenu a.CMLevel1Selected {height:30px; border-bottom:1px solid #474747;} #LeftMenu a.link span, #LeftMenu a.CMLevel1Selected span {background-color:#444; color:#fff; font-size:100%; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.link:hover span, #LeftMenu a.link:focus span {background-color:#6f6d68; color:#fff;} /*level 2 vertical menu*/ #LeftMenu a.CMLevel2, #LeftMenu a.CMLevel2Selected {height:30px; border-bottom:1px solid #545454; border-left: 1px solid #3d3d3d;} #LeftMenu a.CMLevel2 span, #LeftMenu a.CMLevel2Selected span {background-color:#4f4f4f; height:16px; padding:8px 12px 6px 12px; width:215px;} #LeftMenu a.CMLevel2Selected:hover span, #LeftMenu a.CMLevel2:hover span, #LeftMenu a.CMLevel2:focus span {background-color:#545454;} /*level 3 vertical menu*/ #LeftMenu a.CMLevel3, #LeftMenu a.CMLevel3Selected {height:30px; border-bottom:1px solid #616161; border-left:1px solid #3d3d3d;} #LeftMenu a.CMLevel3 span, #LeftMenu a.CMLevel3Selected span {background-color:#5c5c5c; height:16px; padding:8px 12px 6px 12px; width:215px;} #LeftMenu a.CMLevel3Selected:hover span, #LeftMenu a.CMLevel3:hover span, #LeftMenu a.CMLevel3:focus span {background-color:#616161;} /*level 4 vertical menu*/ #LeftMenu a.CMLevel4, #LeftMenu a.CMLevel4Selected {height:30px; border-bottom:1px solid #707070; border-left:1px solid #3d3d3d;} #LeftMenu a.CMLevel4 span, #LeftMenu a.CMLevel4Selected span {background-color:#696969; height:16px; padding:8px 12px 6px 12px; width:215px;} #LeftMenu a.CMLevel4Selected:hover span, #LeftMenu a.CMLevel4:hover span, #LeftMenu a.CMLevel4:focus span {background-color:#707070;} /*-----panelbar menu styles-----*/ /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo span, #LeftMenu .panelbar a.MenuItemTwoClicked span {padding-left:24px; width:203px; background-color:#6f6d68;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree span, #LeftMenu .panelbar a.MenuItemThreeClicked span {padding-left:36px; width:191px; background-color:#E8E8E8; color:#1E1E1E;} /*---------------------------------------- / breadcrumbs ----------------------------------------*/ #breadcrumb-panel {position:relative; margin-bottom:20px; height:24px;} #breadcrumb-panel #breadcrumbs {font-size:90%;} #breadcrumb-panel #breadcrumbs a {color:#555;} #breadcrumb-panel #utilities {position:absolute; top:0; right:0;} #breadcrumb-panel #utilities ul {list-style-type:none; margin:0; padding:0;} #breadcrumb-panel #utilities ul li {display:inline;} #breadcrumb-panel #utilities ul li a {} #breadcrumb-panel #utilities ul li a img {vertical-align:middle;} /*---------------------------------------- / content ----------------------------------------*/ .content-area {} .content-area table {border-collapse:collapse; background-color:#E8E8E8;} .content-area table th {border:1px solid #fff; padding:5px; text-align:left;} .content-area table td {border:1px solid #fff; padding:5px;} .content-area ul {margin:0 0 20px 40px; padding:0;} .content-area ul li {margin-bottom:5px; line-height:150%;} .content-area ol {margin:0 0 20px 40px; padding:0;} .content-area ol li {margin-bottom:5px; line-height:150%;} .content-area img.right-float {margin:0 0 15px 15px;} .content-area img.left-float {margin:0 15px 15px 0;} /*-----list columns style-----*/ .content-area .cols {margin:15px 0; padding:15px 0;} .content-area .cols ul {width:150px; margin:0 0 0 25px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----add tick icon-----*/ .content-area h2.instal{background:url(/Images/UserUploadedImages/11/tick.png) no-repeat 0px 3px; padding-left:23px;} /*-----item lists-----*/ .content-area ul.item-block {margin:20px 0;} .content-area ul.item-block li {list-style:none; margin:0; display:block; margin:5px 5px 0 0; border:solid 1px #d5d5d5;} .content-area ul.item-block li a {padding:10px 20px; text-align:center; text-decoration:none; font-size:14px; width:100px; display:block;} .content-area ul.item-block li a:hover, .content-area ul.item-block li a:focus {background:#d5d5d5;} .content-area ul.item-block li a:active {color:#525252;} /*---------------------------------------- / page-tools ----------------------------------------*/ #wrapper #page-content #page-tools {width:938px; float:left; clear:both; border-top:1px solid #E0E0E0; margin-top:20px;} #wrapper #page-content #page-tools-inner {border-top:1px solid #fff; float:left; clear:both; width:938px; padding:20px 0 0 0;} #wrapper #page-content #page-tools .Rating {width:320px; float:left; clear:both; height:20px;} #wrapper #page-content #page-tools .Rating div {float:right; padding-right:10px;} #wrapper #page-content #page-tools .Rating div br {display:none;} #wrapper #page-content #page-tools .Rating div img {vertical-align:bottom;} #wrapper #page-content #page-tools #page-tools-connect {float:right; width:320px;} #wrapper #page-content #page-tools #page-tools-connect > div {float:left; margin-left:10px;} #wrapper #page-content #page-tools #page-tools-connect div.twitter {width:100px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.facebook {width:50px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.google {width:60px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.linkedin {width:70px; overflow:hidden;} /*---------------------------------------- / sidebar ----------------------------------------*/ #wrapper #page-content #sidebar h3 {background-color:#CECECE; border:1px solid #ACACAC; color:#5B5B5B; font-family:arial,verdana,sans-serif; font-weight:100; margin:0 0 7px 0; padding:7px 11px; text-transform: lowercase;} #wrapper #page-content #sidebar ul {margin-left:25px; padding:0;} #wrapper #page-content #sidebar ul li {margin-bottom:5px;} #wrapper #page-content #sidebar ol {margin-left:30px; padding:0;} #wrapper #page-content #sidebar ol li {margin-bottom:5px;} /*---------------------------------------- / footer Style ----------------------------------------*/ #footer {border-top:1px solid #ACACAC; float:left; width:100%; clear:both; background-color:#CECECE; font-size:95%; color:#5b5b5b;} #footer a {color:#5b5b5b;} #footer #footer-top {width:960px; margin:0 auto; padding:15px 0 0 20px;} #footer #footer-bottom {width:960px; margin:0 auto; padding:15px 20px 15px 0; text-align:right; text-decoration:none;} /*---------------------------------------- / search results ----------------------------------------*/ .SearchLeft {} .SearchLeft {width:200px; margin-right:20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchLeft h2 {font-size:130%; margin-top:0; margin-bottom:16px; background:url(/images/useruploadedimages/11/refine-search.gif) no-repeat top left; padding-left:25px;} .SearchLeft ul {list-style-type:none; margin:0 0 32px 0; padding:0;} .SearchLeft ul li {} .SearchLeft ul li a {} .SearchLeft ul li .selected a {font-weight:bold;} .SearchResults {width:650px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchResults div[id$="pnlnumberResults"] {font-size:120%; margin:0 18px 20px 0; clear:both;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:150%;} .SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding:0;} .SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} .SearchResults ol li span.firstRow {display:block;} .SearchResults ol li span.firstRow a {font-size:120%; text-decoration:none;} .SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 22px; line-height:150%;} .SearchResults ol li span.clsResultDescr .highlight {color:#C41230;} .SearchResults ol li span.lastRow {font-size:100%; margin-left:22px; color:#aaa;} .SearchResults ol li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 18px 20px 18px;} .SearchResults div[id$="pnlPageLinks"] a {color:#6d6e71; padding-right:5px;} .SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {color:#6d6e71;} /*---------------------------------------- / refer a friend modal popup ----------------------------------------*/ #refer-friend {width:500px; left:45%; top:20%;} #refer-friend iframe {border:none; height:500px; width:500px; float:left; clear:both; overflow:hidden; background-color:transparent;} #refer-friend iframe body {background-color:transparent;} #refer-friend button {background-color:#207eab; border:none; color:#fff; font-weight:100; margin:0 0 10px 0; padding:7px 11px; text-transform:lowercase; margin-left:400px;} #refer-friend button:hover, #refer-friend button:focus {cursor:pointer;} /*---------------------------------------- / remind me ----------------------------------------*/ #divRemindMe {font:75% arial, verdana, sans-serif; color:#5b5b5b;} #divRemindMe h1 {font:normal 200% georgia,arial,verdana,sans-serif; color:#207eab; padding:0; margin:0 0 20px 0;} #divRemindMe #formContent {} #divRemindMe #formContent #formSubmit {} #divRemindMe #formContent #formSubmit div {margin-bottom:10px;} #divRemindMe #formContent #formSubmit div label {width:100px; padding-right:10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divRemindMe #formContent #formSubmit div input {width:300px;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox {padding-left:110px;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox input {width:auto;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox label {width:300px;} #divRemindMe #formContent .ButtonGroups {padding-left:110px;} #divRemindMe #formContent .ButtonGroups input:hover, #divRemindMe #formContent .ButtonGroups input:focus {cursor:pointer;} #divRemindMe #formContent .ButtonGroups #divClose {display:none;} #divRemindMe #formContent #mandatoryLabel {padding-left:110px;} /*---------------------------------------- / related content ----------------------------------------*/ .relatedItems {} .relatedItems h2, .relatedItems h3 {display:none;} /*--------Added by DW--------*/ div#slider-arrow-left, div#slider-arrow-right {cursor: pointer;} .clear {clear: both} div.thumbNails {width: 50px; height: 50px;}