S2230503 Enterprise TRG v3

Green table

by dixalex

HTML

<table class="dcmTableFixed">
    <tbody>
        <tr>
            <td class="firstColumn firstRow" contenteditable="true"></td>
            <td class="tanHeader thickTop" contenteditable="true">Skype for Business Pay-as-You Go Domestic and International</td>
            <td class="tanHeader thickTop" contenteditable="true">Skype for Business Calling Plan 1: Domestic Inbound and Outbound Allowance, International PAYG</td>
            <td class="tanHeader thickTop" contenteditable="true">Skype for Business Calling Plan 2: 'Unlimited' Domestic, International Pay-as-You Go</td>
            <td class="tanHeader thickTop" contenteditable="true">Ring Central</td>
            <td class="tanHeader thickTop" contenteditable="true">Stay with my current Telephone provider</td>
            <td class="tanHeader noneColumn thickRight thickTop plansRightBorder" contenteditable="true">None of these</td>
        </tr>
        <tr>
            <td class="O365Brown" colspan="4" contenteditable="true">Office 365 Features <i>(Must purchase Office 365 plan to utilize Skype for Business)</i></td>
            <td class="O365empty thickBottom" contenteditable="true"></td>
            <td class="O365empty thickBottom" contenteditable="true"></td>
            <td class="O365empty noneColumn thickRight hideShow thickBottom" contenteditable="true">(+/-)</td>
        </tr>
        <tr>
            <td contenteditable="true" class="firstColumn office365pink"></td>
            <td contenteditable="true" class="office365pink noRightBorder">Office 365 Enterprise E1</td>
            <td contenteditable="true" class="office365pink noLeftRightBorder">Office 365 Enterprise E3</td>
            <td contenteditable="true" class="office365pink smallRightBorder">Office 365 Enterprise E5</td>
            <td contenteditable="true" class="ringCentral"></td>
            <td contenteditable="true" class="O365empty"></td>
            <td contenteditable="true" class="O365empty thickRight noneColumn"></td>
    ...

CSS

.styledRadio {
		    float: left;
		    clear: both;
		    margin: 0 3px 3px 0;
		    background-repeat: no-repeat;
		}
		
		.styledCheckbox {
		    float: left;
		    clear: both;
		    margin: 0 3px 3px 0;
		    background-repeat: no-repeat;
		}
		
		label {
		    line-height: 27px;
		    display: inline-block;
		    margin-bottom: 3px;
		}
		
		.mrQuestionText {
		    font-weight: normal;
		}
		
		table.dcmTableFixed {
		    border-collapse: collapse;
		    border-bottom: solid 2px #000;
		    border-top: none;
		    border-left: none;
		    border-right: none;
		    width: 1190px;
		}
		
		table.dcmTableFixed td {
		    border: solid 1px #DDD;
		    font-family: arial;
		    font-size: .71em;
		    text-align: center;
		    padding: 2px;
		    min-width: 118px;
		}
		
		table.dcmTableFixed td.firstColumn {
		    color: #000;
		    border-left: solid 2px #000;
		    min-width: 255px;
		    text-align: left;
		    padding-left: 5px;
		}
		
		table.dcmTableFixed td.firstColumn.firstRow {
		    border: none;
		    border-top: none;
		    border-bottom: solid 2px #000;
		    border-right: solid 2px #000;
		}
		
		table.dcmTableFixed td.firstColumn.tanHeader {
		    border-left: solid 2px #000;
		}
		
		table.dcmTableFixed td.telephonyEven {
		    background-color: #FFFFFF;
		}
		
		table.dcmTableFixed td.telephonyOdd {
		    background-color: #e6e9ee;
		}
		
		table.dcmTableFixed td.telephonyOddHeader {
		    background-color: #9bc2e6;
		    font-weight: bold;
		    border-top: solid 2px #000;
		    border-right: solid 2px #000;
		    text-align: center !important;
		    border-bottom: none;
		    /*background-color: #cdc7a7;*/
		}
		
		table.dcmTableFixed td.telephonyPlansHeader {
		    background-color: #A9D08E;
		    font-weight: bold;
		    border-top: solid 2px #000;
		    border-right: solid 2px #000;
		    border-left: solid 2px #000;
		    border-bottom: solid 1px #000;
		    text-align: center !important;
		    /*background-color:...