html
{
    background-color: #E1E1E1;
}
body
{
    font: 77% arial,helvetica,sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    background-color: #E1E1E1;
}

/* Links */
a
{
    text-decoration: none;
    color: #001346;
}
a span:hover
{
    cursor: pointer;
}
a:hover, a:focus
{
    color: #CA0002;
}

/* Headers */

h1, h2, h3
{
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h1
{
    font-size: 131%;
    font-weight: bold;
    padding: 8px 0 0 0px;
    margin-bottom: 5px;
}
h1 a
{
}
h2
{
    font-size: 123.1%;
    font-weight: bold;
}
h2 a
{
}
h3
{
    font-size: 123.1%;
    font-weight: normal;
}

p
{
    line-height: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
}
img
{
    border: 0px;
}
ul, ol
{
}

table
{
    border-collapse: collapse;
}
th
{
}
tr
{
}
td
{
    padding: 5px;
}
ul.list
{
    margin-left: 5px;
}
ul.list li
{
    background-position: left 10px;
    margin: 0px 0px 0px 5px;
    background: url("http://resources.townhalldev.com/images/dot.gif") no-repeat scroll left 10px transparent;
    padding: 3px 5px 0 10px;
}
.breadcrumb
{
    color: #000000;
}
.btnspan
{
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 30px;
}
a.btn
{
    background: transparent url('http://resources.townhalldev.com/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.btn span
{
    background: transparent url('http://resources.townhalldev.com/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    cursor: pointer;
}
a.btn:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* START Calendar */
.hide
{
    display: none;
}
.calendar
{
    float: left;
}
/* the input field */
.date
{
    /* 	border:1px solid #ccc; 	font-size:18px; 	padding:4px; 	text-align:center; 	width:194px;		 	-moz-box-shadow:0 0 10px #eee inset; */
}

/* calendar root element */
#calroot
{
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    margin-top: -60px !important;
    width: 291px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    margin-bottom: 15px;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead
{
    padding: 2px 0;
    height: 22px;
}

#caltitle
{
    color: #0150D1;
    float: left;
    text-align: center;
    width: 225px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev
{
    display: block;
    width: 30px;
    height: 20px;
    background: transparent url("http://resources.townhalldev.com/images/cal-prev.gif") no-repeat scroll center center;
    float: left;
    cursor: pointer;
}

#calnext
{
    background-image: url("http://resources.townhalldev.com/images/cal-next.gif");
    float: right;
}

#calprev.caldisabled, #calnext.caldisabled
{
    visibility: hidden;
}

/* year/month selector */
#caltitle select
{
}

/* names of the days */
#caldays
{
    height: 16px;
    border-bottom: 1px solid #ddd;
}

#caldays span
{
    display: block;
    float: left;
    width: 41px;
    text-align: center;
}

/* container for weeks */
#calweeks
{
    background-color: #fff;
    margin-top: 4px;
}

/* single week */
.calweek
{
    clear: left;
    height: 31px;
    line-height: 29px;
}

/* single day */
.calweek a
{
    display: block;
    float: left;
    width: 40px;
    height: 29px;
    text-decoration: none;
    margin-left: 1px;
    text-align: center;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 16px;
}

/* different states */
.calweek a:hover, .calfocus
{
    background-color: #ddd;
}

/* sunday */
a.calsun
{
    color: red;
}

/* offmonth day */
a.caloff
{
    color: #ccc;
}

a.caloff:hover
{
    background-color: rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled
{
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

/* current day */
#calcurrent
{
    background-color: #498CE2;
    color: #fff;
}

/* today */
#caltoday
{
    background-color: #333;
    color: #fff;
}

/*END Calendar */

/* START comments */
.loadmore
{
    float: left;
    height: 25px;
    width: 100%;
    margin-bottom: 10px;
}
.loadmore div
{
    background: url('http://resources.townhalldev.com/images/expand.gif') no-repeat scroll 100% 50%;
    border: 1px solid #C0C0C0;
    background-color: #F7F7F7;
    padding: 3px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}
.loadmore a.show-comments
{
    background-position: -1% 50%;
    background: url('http://resources.townhalldev.com/images/expand.gif') no-repeat scroll -1% 50%;
    display: block;
    padding: 3px 40px 3px 40px;
}
.comment-alert
{
    background: url('http://resources.townhalldev.com/images/refresh.gif') no-repeat scroll 3% 50%;
    background-color: #DDE9F7;
    border: 1px solid #2E6AB1;
    bottom: 0;
    left: 0;
    padding: 3px;
    position: fixed;
    z-index: 10000 !important;
    display: none;
}
.comment-alert a
{
    margin-left: 30px;
}
.comment-message
{
    display: none;
    float: left;
    border: 1px solid #D3D3D3;
    padding: 25px;
    width: 550px;
    background-color: #F7F7F7;
    margin-top: 20px;
}
.your-comment
{
    margin: 0px 20px 25px 20px;
    width: 550px;
    float: left;
}
.your-comment textarea
{
    margin: 10px 0px 10px 0px;
    padding: 3px;
    float: left;
    width: 550px;
    border: 2px solid #CCCCCC;
}
.reply
{
    padding: 15px 5px 5px 5px;
    width: 100%;
    display: none;
    float: left;
}

.replyOpen
{
    padding: 15px 5px 5px 5px;
    float: left;
    width: 100%;
    display: block;
}

.reply textarea
{
    float: left;
    width: 95%;
    margin-bottom: 10px;
    border: 2px solid #CCCCCC;
}
.loading
{
    background-image: url("http://resources.townhalldev.com/images/ajax-loader.gif");
    background-position: 0px 3px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    padding-left: 20px;
    height: 25px;
}
.comment
{
    background-image: url("http://resources.townhalldev.com/images/commentbubble.png");
    background-position: 0px 0;
    margin: 6px;
    padding-left: 30px;
    padding-top: 15px;
    min-height: 75px;
    background-repeat: no-repeat;
}
.group-header
{
    padding: 0px;
    margin: 15px 0px 15px 1px;
    text-align:center;
}
.modal-comment
{
    /* overlay is hidden before loading */
    display: none; /* standard decorations */
    width: 400px;
    border: 10px solid #666; /* for modern browsers use semi-transparent color on the border. nice! */
    border: 10px solid rgba(82, 82, 82, 0.698); /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.modal-comment div
{
    padding: 10px;
    background-color: #fff;
}
.modal-comment label
{
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 125px;
}
.modal-comment .input
{
    border: 2px solid #CCCCCC;
    margin: 0 0 8px;
    padding: 3px;
    width: 365px;
}
.modal-email
{
    /* overlay is hidden before loading */
    display: none; /* standard decorations */
    width: 400px;
    border: 10px solid #666; /* for modern browsers use semi-transparent color on the border. nice! */
    border: 10px solid rgba(82, 82, 82, 0.698); /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.modal-email h2
{
    margin-bottom: 10px;
    color: #fff;
    background-color: #DEDEDE;
    padding: 5px 10px;
}
.modal-email div
{
    padding: 10px;
    background-color: #fff;
}
.modal-email label
{
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 125px;
}
.modal-email .input
{
    border: 2px solid #CCCCCC;
    margin: 0 0 8px;
    padding: 3px;
    width: 200px;
}
.modal-email h2
{
    margin-bottom: 10px;
    color: #fff;
    background-color: #DEDEDE;
    padding: 5px 10px;
}

.comment .commentfooter
{
    float: right;
}
.comment p
{
    padding: 5px;
}
.comment h3
{
    padding: 4px;
    font-size: 116%;
    font-weight: bold;
    font-style: normal;
}
.comment .timestamp
{
    float: right;
    margin: 3px 0 0 0;
}
.commentbar li
{
    float: left;
    padding: 5px;
}
.commentbox
{
    border: 2px solid #C0C0C0;
    width: 550px;
    height: 95px;
    padding: 3px;
}
.addCommentContainer
{
    padding: 5px;
    margin-left: 20px;
}
.commentbar img
{
    vertical-align: middle;
}
/* END comments */
/* START MOST */
.mostlist
{
    padding: 5px 10px 0;
}
.mostlist li
{
    line-height: 180%;
    overflow: hidden;
    position: relative;
    white-space: nowrap; /*ie6 fix*/
    width: 275px;
}
.mostlist li.alt
{
    border-color: #C7C7C7;
    border-style: dotted;
    border-width: 1px 0;
}
.mostlist li label
{
    color: #1A4D80;
    font-size: 140%;
    margin-right: 10px;
}
.mostlist li span
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    top: -2px;
}
.mostlist li a
{
    color: #001346;
    font-size: 11px;
    position: relative;
    top: -2px;
}
/* END MOST */
/* START - tabs*/
div.tab-box
{
    width: 297px;
    height: 355px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
.tab-box .pane
{
    background-position: #fff;
    background: #fff;
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    height: 297px;
}
.tab-box .pane p
{
    margin: 0px;
}
.borderme
{
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #cccccc;
}
.updated
{
    background-position: 0px 0;
    background: url(http://resources.townhalldev.com/images/updated.gif) no-repeat scroll 0px 0;
    display: block;
    width: 275px;
    height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.updated em
{
    font-size: 93%;
    color: #858585;
}
/*START tabs-head*/
ul.tabs-head
{
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 21px;
    list-style-image: none !important;
}
/* single tab */
ul.tabs-head li
{
    float: left;
    text-indent: 0;
    padding: 0 3px 0 0;
    margin: 0 !important;
}
ul.tabs-head li.last
{
    padding: 0 0px 0 0 !important;
}

ul.tabs-head a
{
    background-position: 0px 0;
    background: url(http://resources.townhalldev.com/images/tab-box.gif) repeat-x scroll 0px 0;
    display: block;
    height: 21px;
    font-size: 93%;
    width: 97px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    background-attachment: scroll;
}
ul.tabs-head em
{
    padding: 3px 3px 0px 3px;
    text-align: center;
    display: block;
}
ul.tabs-head a:active
{
    outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs-head a:hover
{
    background-position: 0px -21px;
    color: #AC1700;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs-head a.current, ul.tabs-head a.current:hover, ul.tabs-head li.current a
{
    cursor: default !important;
    color: #000000 !important;
    background-position: 0px -21px;
}
/* root element for tabs  */
ul.tabs-foot
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 30px;
    list-style-image: none !important;
}
/* single tab */
ul.tabs-foot li
{
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
}
/* link inside the tab. uses a background image */
ul.tabs-foot a
{
    border-style: none solid none none;
    border-width: 1px;
    border-color: #CCCCCC;
    background-position: 0px 0;
    background: url(http://resources.townhalldev.com/images/tab-box-footer.gif) repeat-x 0px 0;
    display: block;
    height: 30px;
    font-size: 93%;
    width: 72px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    padding: 0px;
    margin: 0px;
    position: relative;
}
ul.tabs-foot a.last
{
    border-style: none !important;
    width: 76px;
}
ul.tabs-foot em
{
    padding: 2px 3px 0px 3px;
    text-align: center;
    display: block;
}
ul.tabs-foot .first
{
    /*     border-style: none solid solid solid;     border-width: 1px;     border-color: #CCCCCC; */
}
ul.tabs-foot .last
{
    border-style: none solid none none;
    border-width: 1px;
    border-color: #CCCCCC;
}
ul.tabs-foot a:active
{
    outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs-foot a:hover
{
    /*     background-position: -420px -31px;     color: #000000;     */
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs-foot a.current, ul.tabs-foot a.current:hover, ul.tabs-foot li.current a
{
    cursor: default !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
    background-image: none;
}

/* initially all panes are hidden */
.panes .pane
{
    display: none;
}
/*END tab-box*/
.pager-year
{
    text-align: center;
    width: 100%;
    font-size: 123.1%;
}
.pager-year ul
{
    text-align: center;
}
.pager-year li
{
    display: inline;
    background: url("http://resources.townhalldev.com/images/dot.gif") no-repeat scroll left 10px transparent;
    padding: 3px 5px 0 10px;
    line-height: 1.4em;
    color: #959595;
}
.pager-year li.last
{
    background: none repeat scroll 0 0 transparent;
}
/*/--START Pager --/*/
.pager
{
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.pager a
{
    border: 1px solid #9aafe5;
    padding: 1px 4px 1px 4px;
    text-decoration: none;
    margin: 1px;
    background-color: #F0F0F0;
}
.pager a:hover
{
    border: 1px solid #2e6ab1;
    padding: 1px 4px 1px 4px;
    text-decoration: none;
    margin: 1px;
    background-color: #F0F0F0;
    color: #000000;
}
.pager span
{
    margin: 1px;
    border: 2px solid #2e6ab1;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    background-color: #2e6ab1;
    color: #FFFFFF;
}

.pager .disabled
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #999999;
}
.pager .current
{
    margin: 1px;
    border: 2px solid #2e6ab1;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    background-color: #2e6ab1;
    color: #FFFFFF;
}
a.arrow
{
    background-position: 6px 3px;
    background-image: url("http://resources.townhalldev.com/images/arrow1.gif");
    background-repeat: no-repeat;
    height: 11px;
    width: 6px;
    padding-left: 15px !important;
}

span.arrow
{
    padding: 0px 2px 0px 0px;
    height: 11px;
    width: 6px;
    margin: 0 3px 0 5px;
    background: transparent url("http://resources.townhalldev.com/images/arrow1.gif") no-repeat 0px 3px;
}
a.top
{
    padding: 0px 2px 0px 0px;
    height: 11px;
    width: 6px;
    margin: 0 3px 0 5px;
    background: transparent url("http://resources.townhalldev.com/images/top.gif") no-repeat 0px 3px;
}


#mainbg
{
    float: left;
    width: 100%;
    position: relative;
}
#sidebg
{
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    background: #DEDEDE;
}
/*/--END Pager --/*/

/*/--Global Classes--/*/
.left, .leftCol
{
    float: left;
}
.right, .rightCol
{
    float: right;
}
.imgLink
{
    position: absolute;
}
.clearFloatSpacer
{
    clear: both;
    font-size: 0;
    height: 0;
}
.clearboth
{
    clear: both;
    font-size: 0;
    height: 0;
}
ul.horizontalList li, ol.horizontalList li
{
    float: left;
    display: inline-block;
}
/*Text Classes*/
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.underline
{
    text-decoration: underline;
}
.nowrap
{
    white-space: nowrap;
}



.cartoon
{
    width: 297px;
    padding-left: 5px;
}

.cartoon-body
{
    width: 297px;
}
.cartoon-hd
{
    background-image: url("http://resources.townhalldev.com/images/cartoons/BPwFunniesHeader.gif");
    background-repeat: no-repeat;
    height: 30px;
}

.cartoon-ft
{
    background-color: #FFFFFF;
}

.cartoon-bd
{
    background-image: url("http://media.townhall.com/res/4.3.0.169/images/Cartoons/BPwFunniesbody.gif");
    background-repeat: no-repeat;
    background-color: #DEDEDE;
    height: 150px;
    width: 297px;
}
.cartoon-bd a
{
    color: #7D7D7D;
    font-size: 1em;
    font-weight: bold;
}

.cartoon-bd ul
{
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 3px 10px 0 0;
}


/* START - Sidebox*/
.sidebox
{
    margin: 0px;
    padding: 5px;
    width: 300px;
}
.sidebox-hd
{
    background-image: url("http://resources.townhalldev.com/images/boxheader.gif");
    background-repeat: no-repeat;
    height: 30px;
}
.sidebox-hd2
{
    background-image: url("http://resources.townhalldev.com/images/boxheader2.gif");
    background-repeat: no-repeat;
    height: 30px;
}
.sidebox-hd h2
{
    padding: 5px 0px 0px 8px;
    margin: 0px;
    color: #333333;
    float: left;
}
.sidebox-hd2 h2
{
    padding: 5px 0px 0px 8px;
    margin: 0px;
    color: #333333;
}
.sidebox-hd2 a
{
}
.sidebox-thblog
{
    background-image: url("http://resources.townhalldev.com/images/thblog.gif");
    background-repeat: no-repeat;
    height: 46px;
}

.sidebox-bd
{
    padding: 8px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    line-height: 1.5em;
}
.sidebox-bd .alt
{
    background-color: #CCCCCC;
}

.sidebox-bd a
{
    font-weight: bold;
}
.sidebox-bd p
{
    padding: 5px 5px 5px 10px;
}
.sidebox-bd ul
{
    padding: 0px 3px 0px 8px;
    margin: 0px;
}
.sidebox-bd li
{
    background: url("http://resources.townhalldev.com/images/dot.gif") no-repeat scroll left 10px transparent;
    padding: 3px 5px 0 10px;
    line-height: 1.4em;
    color: #959595;
}
.sidebox-bd .biglist
{
    font-size: 135%;
    font-weight: bold;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}
.sidebox-bd .biglist li
{
    padding: 0px 5px 0 10px;
}

/*
.sidebox-bd2
{
    padding: 8px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    line-height: 1.5em;
    height: 250px;
    overflow: hidden;
}
*/

.sidebox-bd2 .video img
{
    float: left;
    height: 69px;
    width: 92px;
    padding: 5px 12px 5px 5px;
}
.sidebox-bd2 a
{
}
.sidebox-bd2 p
{
    padding: 5px 5px 5px 10px;
}
.sidebox-bd2 ul
{
    padding: 0px 3px 0px 8px;
    margin: 0px;
}
.sidebox-bd2 li
{
    background: url("http://resources.townhalldev.com/images/dot.gif") no-repeat scroll left 10px transparent;
    padding: 3px 5px 0 10px;
    line-height: 1.4em;
    color: #959595;
}
.sidebox-bd2 .biglist
{
    font-size: 135%;
    font-weight: bold;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}
/* */

.sidebox-ft
{
    background-color: #FFFFFF;
}
.sideboxttags-hd
{
    border-style: solid solid none solid;
    border-width: 1px 1px 0px 1px;
    background-color: #F0F0F0;
    border-top-color: #FFFFFF;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
    height: 30px;
}
.sideboxttags-hd h2
{
    padding: 5px 0px 0px 8px;
    margin: 0px;
    color: #333333;
}
/* END - Sidebox*/
/* Start Sidebar Video List*/
.sidebox-bd .video
{
    border: 0px none #FFFFFF;
    width: auto;
    font-size: 93%;
}
.sidebox-bd .video img
{
    width: 50px;
    height: 38px;
    float: left;
    padding: 5px 12px 5px 5px; /*margin: 0 .3em .3em 0; 	debug 	background:#39F;*/
}
.sidebox-bd .video ul
{
    font-size: 93%;
}
.sidebox-bd .video li
{
    display: inline;
    background: url("http://resources.townhalldev.com/images/dot.gif") no-repeat scroll left 10px transparent;
    padding: 3px 5px 0 10px;
}
.sidebox-bd .video li.first
{
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
    color: #959595;
}
.sidebox-bd .video h2
{
    font-size: 93%;
    font-weight: bold;
    padding: 3px;
}
.sidebox-bd .video h2 a
{
    color: #333333;
}
.sidebox-bd .videolist
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #cccccc;
}
.sidebox-bd .search
{
    padding: 0px;
    margin: 0px;
    position: relative;
    left: -20px;
    top: 4px;
    vertical-align: top;
}
.sidebox-bd .textbox
{
    -moz-border-radius: 6px 6px 6px 6px;
    border: 1px solid #C0C0C0;
    padding: 3px;
    width: 255px;
}
/* End Side Bar video list*/
/* START - HOTAIR Sidebox*/
.sidebox-hd-hotair
{
    background-image: url("http://resources.townhalldev.com/images/hotair.gif");
    background-repeat: no-repeat;
    height: 34px;
}
.sidebox-bd-hotair
{
    padding: 0px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    line-height: 1.5em;
}

.sidebox-bd-hotair .alt
{
    background-color: #EDEDED;
}
.sidebox-bd-hotair .author
{
    width: 75px;
}
.sidebox-bd-hotair .title
{
}
.sidebox-bd-hotair span
{
}

/* END - HOTAIR Sidebox*/
/*--Font Sizing Classes - YUI (http://yuiblog.com/assets/pdf/cheatsheets/css.pdf) --*/
font-10px
{
    font-size: 77%;
}
font-11px
{
    font-size: 85%;
}
font-12px
{
    font-size: 93%;
}
font-13px
{
    font-size: 100%;
}
font-14px
{
    font-size: 108%;
}
font-15px
{
    font-size: 116%;
}
font-16px
{
    font-size: 123.1%;
}
font-17px
{
    font-size: 131%;
}
font-18px
{
    font-size: 138.5%;
}
font-19px
{
    font-size: 146.5%;
}
font-20px
{
    font-size: 153.9%;
}
font-21px
{
    font-size: 161.6%;
}
font-22px
{
    font-size: 167%;
}
font-23px
{
    font-size: 174%;
}
font-24px
{
    font-size: 182%;
}
font-25px
{
    font-size: 189%;
}
font-26px
{
    font-size: 197%;
}


#comment-control
{
    float: left;
    width: 645px;
}
#comment-control #comment-list
{
}
#comment-list .show-more
{
    display: none;
}
.commentAuthor
{
    color: #6699CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    float: left;
}
.commentDate
{
    color: #808080;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    width: 100%;
}
#comment-control #JoinTheDebate
{
    margin: 10px 0px 15px 10px;
    width: 100%;
    float: left;
}
#comment-control #JoinTheDebate .left
{
    float: left;
    width: 300px;
}
#comment-control #JoinTheDebate .left .title
{
    color: #6699CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: bold;
}
#comment-control #JoinTheDebate .left .commentCount
{
    color: #6699CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#comment-control #JoinTheDebate .left .commentCount .number
{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
#comment-control #JoinTheDebate .right
{
    float: left;
    width: 300px;
    padding-top: 15px;
}
#comment-control #JoinTheDebate .right .postCommentButton
{
}
#comment-control p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
}
/*START - comment-box */
.comments-box
{
    width: 100%;
    margin: 10px auto;
    float: left;
}
.comment-box
{
    width: 100%;
    margin: 0px;
    float: left;
    background: url(http://resources.townhalldev.com/images/CommentBox/leftline.jpg) repeat-y 0px 0px;
}

.leftCol
{
    float: left;
}
.rightCol
{
    float: right;
}

.comment-box .hd
{
    overflow: hidden;
    position: relative;
    height: 23px;
    background: url(http://resources.townhalldev.com/images/CommentBox/top.jpg) repeat-x 0 0px;
}
.comment-box .ft
{
    overflow: hidden;
    background: url(http://resources.townhalldev.com/images/CommentBox/bottom.jpg) repeat-x 0 0px;
}
.comment-box .bd
{
    overflow: hidden;
    position: relative;
    margin: 0 10px 0 11px;
    padding: 0 10px;
    border-right: 1px solid #999;
}
.comment-box .hd .leftCol, .comment-box .hd .centerCol, .comment-box .hd .rightCol, .comment-box .bd .leftCol, .comment-box .bd .rightCol, .comment-box .ft .leftCol, .comment-box .ft .rightCol
{
    width: 18px;
}
.comment-box .hd .leftCol, .comment-box .hd .centerCol, .comment-box .hd .rightCol, .comment-box .ft .leftCol, .comment-box .ft .rightCol
{
    height: 23px;
}
.comment-box .hd .leftCol
{
    background: url(http://resources.townhalldev.com/images/CommentBox/leftcorner.jpg) no-repeat 0px 0px;
}
.comment-box .hd .rightCol
{
    background: url(http://resources.townhalldev.com/images/CommentBox/rightcorner.jpg) no-repeat 0px 0px;
}
.comment-box .ft .leftCol
{
    background: url(http://resources.townhalldev.com/images/CommentBox/leftbottomcorner.jpg) no-repeat 0px 0px;
}
.comment-box .ft .rightCol
{
    background: url(http://resources.townhalldev.com/images/CommentBox/bottomrightcorner.jpg) no-repeat 0px 0px;
}
.comment-box .hd .centerCol, .comment-box .ft .centerCol
{
    position: absolute;
    padding: 0px;
}
.comment-box .hd .centerCol
{
    left: 20px;
    background: url(http://resources.townhalldev.com/images/CommentBox/arrow.jpg) no-repeat 0px 0px;
}
.comment-box .bd .leftCol
{
    width: 18px;
}
.comment-box .bd .rightCol
{
}
.comment-box .action
{
    position: relative;
    padding: 7px 0 0 0;
    height: 25px;
    margin: 10px 0 0 0;
    text-align: right;
    border-top: #CCC 1px solid;
}
.comment-box .replyButton
{
    position: absolute;
    right: 120px;
    background: transparent url(http://resources.townhalldev.com/images/CommentBox/reply.jpg);
    width: 53px;
    height: 22px;
}
.comment-box .flagOffensiveButton
{
    position: absolute;
    right: 0px;
    background: transparent url(http://resources.townhalldev.com/images/CommentBox/flagoffensive.jpg);
    width: 114px;
    height: 22px;
}
.comment-box .flaggedOffensiveButton
{
    position: absolute;
    right: 0px;
    background: transparent url(http://resources.townhalldev.com/images/CommentBox/flaggedoffensive.jpg);
    width: 114px;
    height: 22px;
}
/*END - comment-box */
#CommentsControl #JoinTheDebate .right .model .PostYourComments
{
    background: transparent url(http://resources.townhalldev.com/images/CommentBox/postyourcomments.jpg);
    width: 141px;
    height: 22px;
}
blockquote
{
    margin: 10px 25px 10px 25px; /*     background: url("http://resources.townhalldev.com/images/quotes.gif") no-repeat scroll 0 0 #FFF;     */
    padding: 0px;
}
.sm-panel
{
}
.sm-bar li
{
    float: left;
    padding: 2px;
}

.sm-panel .facebook
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left 0px transparent;
    display: block;
}
.sm-panel .digg
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left -32px transparent;
    display: block;
}
.sm-panel .delicious
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left -64px transparent;
    display: block;
}
.sm-panel .stumbleupon
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left -112px transparent;
    display: block;
}
.sm-panel .twitter
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left -16px transparent;
    display: block;
}
.sm-panel .reddit
{
    width: 16px;
    height: 16px;
    background: url("http://resources.townhalldev.com/images/SocialMedia16x16.gif") no-repeat scroll left -80px transparent;
    display: block;
}
.smbox
{
    margin: 5px 10px 10px 0px;
    padding: 0px;
    float: left;
    width: 250px;
}
.smbox-body
{
    width: 100%;
    float: left;
    border: 1px solid #D3D3D3;
    margin-bottom: 8px;
}
.smbox-horizontal
{
    padding-left: 165px;
}
.smshare
{
    text-align: left;
    width: 0 auto;
}
.smb li
{
    margin: 5px 5px 0px 0px;
    float: left;
}
.fb-like, .smshare
{
    margin: 5px 3px 5px 3px;
    float: left;
}
.tipsheet
{
    margin: 5px 0px 10px 0px;
}

#main-tag-line
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    left: 232px;
    position: absolute;
    top: 110px;
    width: 465px;
}