/* Default styles **********************************************************/

body {
    margin:             0 auto;
    padding:            10px;
    width:              760px;
    text-align:         center;

    background:         #FFFFFF;
    color:              #000000;
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          70%;
    overflow:           -moz-scrollbars-vertical;
    }

.noprint {
    display:            default;
    }

.printonly {
    display:            none;
    }

a {
    color:              #2E60AA;
    }

a:hover {
    color:              #349F2B;
    }

img {
    border:             none;
    margin:             0px;
    padding:            0px;
    display:            inline;
    }

h1, h2 {
    font-family: 	"franklin gothic medium", arial, sans-serif;
    font-style: 	normal;
    font-weight:	normal;
    color:              #1370AB;
    margin:             1em 0em 0.25em 0em;
    }

h1 {
    font-size:          220%;
    }

h2 {
    font-size:          160%;
    }

h3, h4 {
    font-style: 	normal;
    font-weight: 	bold;
    color:              #000000;
    font-size:          110%;
    margin:             1em 0em 0.25em 0em;
    }

h2 + h3 {
    margin-top:         0em;
    }

h1 + h3 {
    margin-top:         0em;
    }

h4 {
    font-size:          100%;
    margin:             1.5em 0 0 0;
    }

p {
    margin:             0 0 1.5em 0;
    }

p strong, li strong {
    background-color:   #ffffbb;
    font-weight:        500;
    }

hr {
    margin:             10px 0;
    border:             0;
    border-top:         1px dashed #414A4F;
    height:             1px;
    clear:              both;
    }

table {
    border:             none;
    border-collapse:    collapse;
    }

td {
    text-align:         left;
    vertical-align:     top;
    }

.left {
    float:              left;
    margin-right:       1em;
    }

.right {
    float:              right;
    margin-left:        1em;
    }

.signature {
    margin-left:        50%;
    font-style:         italic;
    }

#layout {
    border:             0;
    width:              760px;
    margin:             0 0 0 0;
    padding:            0 0 0 0;
}

.notice {
    color:              #00cc00;
    font-weight:        bold;
    }

.warning {
    color:              #cc6600;
    font-weight:        bold;
    }

.error {
    color:              #cc0000;
    font-weight:        bold;
    }

.clickable {
    cursor:             pointer;
    }

.bold-button {
    font-weight:        bold;
    color:              #880000;
    }

.bigger {
    font-size:          120%;
    }

.smaller {
    font-size:          80%;
    }

.bleak {
    color:              #888;
    }

/* Top header **************************************************************/

.nospacing {
    margin:             0 0 0 0;
    padding:            0 0 0 0;
    }

#companylogo {
    margin:             0;
    padding:            0 0 2px 0;
    text-align:         right;
    vertical-align:     bottom;
}

#topmenu-left, #topmenu-right {
    border-top:         2px solid #1370AB;
    padding:            2px 4px 0px 4px;
    margin:             0;
    font-weight:        bold;
    font-size:          90%;
}

#topmenu-right {
    font-weight:        normal;
    text-align:         right;
}

#topmenu-left {
    margin-left:        1em;
}

#topmenu-left strong {
    color:              #AEC2CC;
    }

#topmenu-left a {
    text-decoration:    none;
    color:              #1370AB;
    }

#topmenu-left a:hover {
    text-decoration:    underline;
    color:              #ff0000;
    }

#topmenu-left .space {
    margin:             0 0.4em 0 0.4em;
    color:              #AEC2CC;
    font-weight:        normal;
    }

/* Bottom footer ***********************************************************/

td.footer {
    background:         #ffffff url("/images/background-top-dotted.gif") top left repeat-x;
    padding-top:        0.5em;
    font-size:          80%;
    color:              #414A4F;
    vertical-align:     top;
    }

/* General styles **********************************************************/

ul.long_bulleted_list {
    margin-bottom:      12pt;
    }

ul.long_bulleted_list li {
    margin-bottom:      6pt;
    }

ul li 	{
    list-style-image:   url(/images/checkmark-bullet.gif);
    list-style-type:    none;
    list-style-position:outside;
    margin-bottom:      1pt;
    }

/* Action box - on main page ***********************************************/

div.actionbox {
    float: 		right;
    background-color:	#ffffcc;
    border:		1px solid #cccccc;
    margin:		1pt 1pt 1pt 1pt;
    padding:		3pt 3pt 3pt 3pt;
    text-align:	        center;
    }

div.actionbox h3 {
    font-style: 	normal;
    font-weight: 	bold;
    color:              #0000ff;
    font-size:          120%;
    margin:             5pt 5pt 5pt 5pt;
}

div.actionbox h3 a {
    color:              #0000ff;
    }

div.actionbox h3 a:hover {
    text-decoration:    underline;
    color:              #ff0000;
    }

div.actionbox p {
    margin:	        0;
    padding:		0;
    }

div.actionbox p.footer {
    border-top:         1px solid #cccccc;
    margin-top:         3pt;
    padding-top:        3pt;
    font-size:          80%;
    }

/* Error messages **********************************************************/

.fieldWithErrors {
    border:             2px solid #c00;
    display:            inline;
    }

div.flash_notice, div.flash_warning, div.flash_error, #errorExplanation {
    border:		1px solid #cccccc;
    margin:		1em 0pt 2em 0pt;
    padding:            0pt 0pt 0pt 0pt;
    }

div.flash_notice {
    background-color:	#ddffdd;
    }

div.flash_warning {
    background-color:	#ffffcc;
    }

div.flash_error, #errorExplanation {
    background-color:	#fff4f4;
    }

div.flash_notice h3, div.flash_warning h3, div.flash_error h3, #errorExplanation h2 {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-style: 	normal;
    font-weight: 	bold;
    font-size:          100%;
    margin:             2pt 2pt 4pt 2pt;
    padding:		2pt 2pt 2pt 2pt;
}

div.flash_notice h3 {
    color:              #004400;
    background-color:   #bbeebb;
    }

div.flash_warning h3 {
    color:              #884400;
    background-color:   #ffeeaa;
    }

div.flash_error h3, #errorExplanation h2 {
    color:              #440000;
    background-color:   #ffcccc;
    }

div.flash_notice p, div.flash_warning p, div.flash_error p, #errorExplanation p {
    margin:	        4pt 4pt 4pt 4pt;
    padding:		0pt 0pt 0pt 0pt;
    }

div.flash_notice h3 + p, div.flash_warning h3 + p, div.flash_error h3 + p, #errorExplanation h2 + p {
    margin-top:         2pt;
    }

div.flash_notice p.footer, div.flash_warning p.footer, div.flash_error p.footer {
    border-top:         1px solid #cccccc;
    margin:             2pt 4pt 2pt 4pt;
    padding-top:        1pt;
    font-size:          80%;
    }

#errorExplanation ul li {
    list-style-image:   none;
    margin:             0pt;
    list-style:         square;
    }

/* Form styles *************************************************************/

table.FormTable {
    margin:             0pt 16pt 16pt 16pt;
    vertical-align:     bottom;
    }

table.FormTable td {
    padding-bottom:     2pt;
    }

td.FormLabel, td.FormLabelRequired {
    text-align:         right;
    vertical-align:     bottom;
    padding-right:      4pt;
    }

td.FormLabelRequired {
    font-weight:        bold;
    }

td.FormSmall {
    font-size:          80%;
    }

div.FormAction {
    padding:            4pt;
    margin:             0pt 0pt 8pt 0pt;
    border-top:         2px solid #393;
    background-color:   #f5f5f5;
    width:              759px;
    }

div.FormAction p {
    margin:             4pt 0pt 0pt 0pt;
    font-style:         italic;
    color:              #888;
    }

/* Control panel styles ****************************************************/

tr.odd {
    }
tr.even {
    }

table.DataTable {
    margin:             0pt 16pt 16pt 16pt;
    vertical-align:     bottom;
    }

table.DataTable td.DataLabel {
    text-align:         right;
    vertical-align:     bottom;
    padding-right:      4pt;
    }

table.DataTable td.DataData {
    text-align:         left;
    vertical-align:     bottom;
    padding-right:      4pt;
    }

table.ComputersTable, table.EventsTable {
    margin:             0pt 0pt 2pt 0pt;
    width:              100%;
    }

table.ComputersTable td, table.EventsTable td {
    padding:            2pt 4pt 2pt 0pt;
    }

table.ComputersTable td {
    padding:            2pt 4pt 2pt 0pt;
    border-top:         1px dotted #393;
    }

table.ComputersTable td a {
    text-decoration: none;
    }

table.ComputersTable td.clickable a:hover {
    text-decoration: underline;
    }

table.ComputersTable tr.clickable:hover, table.ComputersTable tr.clickable.hover {
    background-color: #ffffd0;
    }

table.ComputersTable th, table.BottomBorder {
    border-bottom:      2px solid #393;
    }

/* Other special styles ****************************************************/

table.SubscriptionPlans {
    margin:             0em 1em 1em 0em;
    border:             3px solid #1370AB;
    }

table.SubscriptionPlans th {
    }

table.SubscriptionPlans td, table.SubscriptionPlans th {
    padding:            2pt 4pt 2pt 4pt;
    border:             1px solid #ccc;
    text-align:         center;
    }

table.SubscriptionPlans td.blank {
    border:             none;
    }

table.SubscriptionPlans td.label {
    text-align:         right;
    border:             1px solid #ccc;
    }

table.SubscriptionPlans .silver {
    background-color:   #eeeeee;
    }

table.SubscriptionPlans .gold {
    background-color:   #ffeeaa;
    }