*
{
    font-family: sans-serif, Trebuchet MS, Tahoma, Verdana,Arial;
    font-size: 10pt;
}
.cm
{
    position: absolute;
    top: 0px;
    left: 300px;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

body
{
    margin-top: 0px;
    margin-left: 0px;
    text-transform: none;
    margin-right: 0px;
    margin: 0px;
    text-align: left;
}
h1
{
    font-size: 12pt;
    text-transform: uppercase;
    font-style: italic;
    line-height: 15pt;
    letter-spacing: normal;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 3px;
    display: inline;
}
h2
{
    text-transform: none;
    font-size: 10pt;
    font-weight: bold;
    line-height: 12pt;
    margin: 0px;
    padding: 0px;
    display: inline;
}
h3
{
    font-size: 9pt;
    line-height: 11pt;
    font-weight: bolder;
    margin: 0px;
    padding: 0px;
}
h4
{
    font-size: 10px;
    font-weight: bold;
    line-height: 13pt;
    margin: 0px;
    padding: 0px;
    display: inline;
}
.para
{
    line-height: 12pt;
    font-size: 9pt;
    display: block;
    padding-bottom: 9px;
}
#eol
{
    line-height: 0px;
    padding: 0px;
    margin: 0px;
    display: inline;
}
p
{
    line-height: 12pt;
    font-size: 9pt;
    display: block;
}
.datetime
{
    font-size: 9pt;
    font-style: italic;
    line-height: 13pt;
    letter-spacing: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    display: inline;
}
td
{
    text-transform: none;
}
.htmlCtrls
{
    display: block;
}
.imgdrag
{
    cursor: text;
    display: block;
    height: 100px;
    width: 100px;
}
.htmlEdToolBarHolder
{
    display: block;
    padding-bottom: 2px;
    padding-left: 4px;
    overflow: hidden;
    background-image: url(images/agrad1.jpg);
    width: 100%;
}
.htmlEdToolBarHolder input
{
    cursor: pointer;
}
.htmlEdToolBar
{
    display: block;
    padding-bottom: 2px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
.htmlEd
{
    display: block;
    width: 100%;
    padding-bottom: 50px;
    overflow: hidden;
}
.htmlEdFrame
{
    display: block;
    width: 100%;
    overflow: scroll;
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    border-top: #666666 1px solid;
    border-right: #666666 1px solid;
}
.htmlEditorCtrl
{
    display: block;
    position: relative;
    overflow: hidden;
}
.like_link
{
    text-transform: capitalize;
    color: black;
}

.like_link2
{
    font-size: 8pt;
}
.AccordionChild a
{
    color: #474745;
    background-image: url(images/mr.jpg);
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
    text-decoration: none;
}
.DynaMenuMarker
{
    position: absolute;
    color: navy;
    cursor: hand;
    z-index: 50;
    display: block;
    text-align: left;
    font-weight: bold;
}
.FUPopup
{
    position: absolute;
    height: 400px;
    display: none;
}
.menuItem
{
    background: white;
    color: black;
    text-align: left;
    width: 270px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
}

a.menuItem:hover
{
    background: blue;
    color: white;
    text-align: left;
    width: 270px;
    height: 20px;
    display: inline-block;
}
.editToolItem
{
    color: black;
    text-align: left;
    display: inline-block;
    text-decoration: none;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 10px;
}



.centered
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.pageUCtrls
{
    display: block;
    float: right;
    text-align: left;
}


.redRow
{
    background-color: #f5d6d6;
}


.pageStyleInner
{
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    height: 100%;
}



.HeaderSpecial1
{
    background-repeat: no-repeat;
    background-image: url(images/hd_latest-dogs-lost.gif);
}
.fldCaption
{
    font-size: 10pt;
}
.SlideShowFrame
{
    height: 300px;
    width: 300px;
    margin: auto;
    overflow: auto;
}
.SliderFrame
{
    padding: 10px !important;
}

.SlideShowFrame img
{
    height: 232px;
    width: 232px;
    margin: auto;
}
.htmlCtrls
{
    background-image: url(images/gridShade3.jpg);
    vertical-align: middle;
    height: 25px;
    background-color: #cccccc;
    padding-top: 5px;
    padding-left: 5px;
}
.htmlCtrls select
{
    height: 18px;
    color: #0000cc;
    border: none;
    background-color: #cccccc;
}
.htmlCtrls input
{
    padding-bottom: 6px;
}
img
{
    border: 0;
}
table
{
    border-collapse: collapse;
    border: 0;
    margin: 0px;
    padding: 0px;
}

.head
{
    color: #A8CBDA;
    font-size: 9px;
}
.head font
{
    color: #A8CBDA;
    font-size: 9px;
}
.head span
{
    color: #4673A4;
    font-size: 9px;
}
.head a
{
    color: #4673A4;
    font-size: 9px;
    text-decoration: none;
}
.head a:hover
{
    color: #A8CBDA;
    font-size: 9px;
    text-decoration: none;
}

.content
{
    color: #363636;
    line-height: 16px;
    background-color: #A8CBDA;
}
.content a
{
    color: #363636;
    line-height: 20px;
    text-decoration: underline;
}
.content a:hover
{
    color: #363636;
    line-height: 20px;
    text-decoration: none;
}
.cont_midle
{
    color: #A8CBDA;
    line-height: 16px;
    background-color: #00335A;
}
.cont_midle b
{
    color: #ffffff;
    font-weight: bold;
}
.cont_midle span
{
    color: #41D9FF;
    font-weight: bold;
}
.cont_midle a
{
    color: #41D9FF;
    text-decoration: underline;
    line-height: 18px;
}
.cont_midle a:hover
{
    color: #41D9FF;
    text-decoration: none;
    line-height: 18px;
}
.footer
{
    color: #00223B;
    font-size: 9px;
    padding: 10px;
}
.footer a
{
    color: #00223B;
    font-size: 9px;
    text-decoration: none;
}
.footer a:hover
{
    color: #00223B;
    font-size: 9px;
    text-decoration: underline;
}
.white
{
    font-size: 11px;
    color: #FFFFFF;
    line-height: 18px;
}
.left_corner
{
    background: #00335A url(images/corner_fon.jpg) left top no-repeat;
    padding: 22px 25px;
}
.right_corner
{
    background: #00335A url(images/corner_fon.jpg) right top no-repeat;
    padding: 22px 23px;
}
.botleft_corner
{
    background: url(images/corner_fon.jpg) left bottom no-repeat;
}
.botright_corner
{
    background: url(images/corner_fon.jpg) right bottom no-repeat;
}
.midle_corner_l
{
    background: url(images/corner_2.jpg) left top no-repeat;
}
.midle_corner_r
{
    background: url(images/corner_2.jpg) right top no-repeat;
    padding: 22px 25px 22px 25px;
}


/* link inside the tab. uses a background image */

div.menuTab
{
    padding-left: 5;
}

.menuTab
{
    height: 100px;
}

div.menuTab a
{
    float: left;
    display: block;
    position: relative;
    z-index: 20;
    text-decoration: none;
}
div.menuTab a:hover
{
    background-color: #F7F7F7;
    color: #99ccff;
}

.OffScreenRight
{
    position: relative;
    top: -2px;
    left: 1000px;
    z-index: 1;
}

.jmenuItem
{
    position: relative;
    left: 1000px;
}

#marker
{
    height: 80px;
    width: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #eef2f4;
    z-index: 10;
}


/* Vertical Tabs
----------------------------------*/
.jtab
{
    width: 1000px;
}
.ui-tabs
{
    position: relative;
}
.ui-widget-content
{
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
    border-bottom: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px;
    border-right: #aaaaaa 1px solid;
    padding-left: 0px;
    padding-top: 0px;
}
.ui-tabs-vertical .ui-tabs-nav
{
    padding: .2em .1em .2em .2em;
    float: left;
    width: 120px;
}
.ui-tabs-vertical .ui-tabs-nav li
{
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a
{
    display: block;
    width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected
{
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel
{
    padding: 1em;
    border-top: none;
}

.ui-tabs .ui-tabs-panel
{
    display: block;
    border: 0;
    padding: 1em 1.4em;
    background: none;
    width: 80%;
    padding-left: 140px;
}
.ui-tabs-vertical
{
    border-top: #cccccc 1px solid;
}

.pageStyleTop
{
    background-image: url(images/tblHeaderMid.jpg);
    height: 22px;
    width: 100%;
}
.pageStyle
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.picImage
{
    border-right: white 3px solid;
    padding-right: 3px;
    border-top: white 3px solid;
    padding-left: 3px;
    padding-bottom: 3px;
    border-left: white 3px solid;
    width: 320px;
    padding-top: 3px;
    border-bottom: white 3px solid;
    background-color: #3399ff;
}




.like_link
{
    font-size: 8pt;
    text-transform: capitalize;
    color: black;
}

.like_link2
{
    font-size: 8pt;
}

.LightTableHeader
{
    font-size: 8pt;
    color: #0202d1;
    background-color: #DEDCDD;
    text-transform: capitalize;
    font-weight: bold;
}

.menuBar
{
    height: 23px;
    background-image: url(images/borderblack.jpg);
}

.blueShader
{
    background-color: #54788A;
}

a.tabmenulinkbtn
{
    font-size: 8pt;
    color: white;
}

a.tabmenulinkbtn:hover
{
    font-size: 8pt;
    color: black;
}

div.grid A:hover
{
    font-weight: normal;
    cursor: hand;
    color: red;
    background-color: Transparent;
}

.category_name
{
    font-size: 8pt;
    color: red;
}

.white_text_norm
{
    font-size: 8pt;
    color: #505050;
}

.white_text_bold
{
    font-size: 8pt;
    color: white;
    font-weight: bold;
}

.service_detail_head
{
    font-weight: normal;
    color: red;
    text-decoration: none;
}

.ServiceToolBar
{
    font-weight: normal;
    font-size: 8pt;
    text-decoration: underline;
}


.noservice
{
    font-weight: normal;
    font-size: 8pt;
    color: navy;
}

.service_heading_sml, h5
{
    font-weight: normal;
    font-size: 8pt;
    color: navy;
}

.JDHiddenLink
{
    font-weight: bold;
    font-size: 8pt;
}
.JDTitle
{
    font-weight: normal;
    font-size: 8pt;
}

.JDValueText
{
    font-weight: normal;
    font-size: 8pt;
    background-color: white;
}

.JDValueTextHighlight
{
    font-weight: normal;
    font-size: 8pt;
    background-color: #ffffcc;
}

.username
{
    color: navy;
    font-weight: normal;
    font-size: 8pt;
}
.standout
{
    font-size: 10pt;
    color: blue;
    font-weight: bold;
}

.head_small
{
    font-size: 8pt;
    font-weight: bold;
}

.logo
{
    font-weight: normal;
    color: blue;
    font-style: normal;
}

.head_medium
{
    font-weight: bold;
    font-size: 12pt;
    color: blue;
    font-style: italic;
}

.fieldname
{
    font-weight: bold;
    font-size: 8pt;
}
.fieldheading, h7
{
    font-weight: bold;
    font-size: 12pt;
    color: #505050;
}
.groupingframe
{
    background-color: #ebebeb;
}

.error
{
    color: Red;
}
.fieldheadingerror
{
    font-weight: bold;
    font-size: 12pt;
    color: Red;
}

.SplashText
{
    font-weight: normal;
    font-size: 10pt;
    color: #1b1815;
}

.FirstLetter
{
    font-weight: bold;
    font-size: 10pt;
    color: #505050;
    text-indent: 10pt;
}

.loginHeading
{
    margin-top: 0px;
    font-size: 8pt;
    margin-left: 0px;
    text-transform: none;
    color: black;
}
.basket_small
{
    font-weight: normal;
    font-size: 7pt;
    color: #444444;
}
.moneyfld
{
    font-weight: normal;
    font-size: 10pt;
    color: #444444;
    text-align: right;
}
.moneyfldtotal
{
    font-weight: bold;
    font-size: 10pt;
    color: #444444;
    text-align: right;
}


.sub_menu_item
{
    font-size: 8pt;
    text-transform: none;
    color: #505050;
}
.menu_button_comment
{
    font-weight: normal;
    font-size: 8pt;
}
.menu_button_price
{
    font-weight: bold;
    font-size: 8pt;
}
.Menu_Hyper
{
    font-weight: bold;
    font-size: 8pt;
    color: #505050;
}
.menuBackground
{
    margin-left: 1px;
    display: block;
    width: 112px;
    background-image: url(images/button_shade.jpg);
    height: 30px;
}
.menuBackground a:hover
{
    background-image: url(images/button_shade2.jpg);
    filter: blendTrans(duration=0.5);
    height: 25px;
    width: 112px;
    display: inline-block;
}
.menu_button
{
    font-weight: normal;
    font-size: 8pt;
}

.Menu_Pic
{
    color: black;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 11px;
    font-weight: bold;
    width: 120px;
    height: 25px;
    filter: blendTrans(duration=0.5);
    display: block;
    position: static;
}

.menu_item
{
    font-size: 8pt;
    color: #505050;
}

.menu_button_main
{
    font-weight: normal;
    font-size: 10pt;
}


.tblMain
{
    margin-right: 1pt;
    border-right-style: double;
    height: 600px;
}
.tblTop
{
    width: 661;
    height: 1;
}

.backimage
{
    background-image: url(images/tabm2ee.JPG);
}
.tblBorderRight
{
    margin-right: 1pt;
    border-right-style: double;
}
.EditMenuLink
{
    width: 160px;
    font-size: 10pt;
    color: buttontext;
}

.EditMenuLink:link
{
    width: 160px;
    font-size: 10pt;
    color: buttontext;
}

.EditMenuLink:visited
{
    width: 160px;
    font-size: 10pt;
    color: buttontext;
}
.EditMenuLink:hover
{
    width: 160px;
    font-size: 10pt;
    color: #505050;
}
.EditMenuLinkPnl
{
    font-size: 10pt;
    visibility: hidden;
    color: buttontext;
    position: absolute;
    top: 10px;
    height: 88px;
    background-color: #cccccc;
    width: 200px;
    border-right: #787878 1px solid;
    border-top: #787878 1px solid;
    border-left: #787878 1px solid;
    border-bottom: #787878 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.tabmenulink2
{
    font-size: 8pt;
    color: white;
}

.middleBack
{
    background-image: url(images/middle-left.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.buttons A, .buttons A:visited, .buttons A:link
{
    padding-left: 20px;
    text-decoration: none;
    background-image: url(images/bt_sml.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}

.buttons A:hover
{
    padding-left: 20px;
    color: Red;
    text-decoration: none;
    text-decoration: underline;
    background-image: url(images/bt_sml_down.gif);
    background-repeat: no-repeat;
}



.button
{
    padding-left: 20px;
    color: black;
    text-decoration: none;
    background-image: url(images/arrow2.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}

.diary
{
    background-image: url(images/cal_shade.jpg);
    border-left: #cccccc 1px dashed;
    height: 80px;
    width: 80px;
    display: block;
}
.diary2
{
    background-image: url(images/line_med.jpg);
}
.diary3
{
    background-image: url(images/cal_shade3.jpg);
}
.emptydiarydesc
{
    width: 95px;
    display: block;
    height: auto;
    padding-bottom: 10px;
}

.diarydesc
{
    color: #6c3900;
    display: block;
    padding-bottom: 3px;
    width: 95px;
    height: auto;
    overflow: auto;
}
.diarytime
{
    color: #6c3900;
    font-style: italic;
    text-decoration: underline;
    overflow: hidden;
}

.TextboxNumber
{
    text-align: right;
}

.toolbar
{
    font-size: 13px;
    padding: 6px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);
}
.ShowContainer
{
    overflow: auto;
    width: 670px;
    background-color: #ffffee;
}

.ShowContainer td
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.pagerStyle, .pagerStyle A, .pagerStyle A:Visited
{
    font-size: large;
    color: red;
}
.pagerStyle, .pagerStyle span
{
    font-size: large;
    color: white;
    background-color: #4345ab;
}
.darkBlock
{
    background-image: url(images/line_dark2.jpg);
}
.lightBlock
{
    background-image: url(images/line_light.jpg);
}
.dynaLeft
{
    vertical-align: top;
    text-align: left;
}
.arrowList LI
{
    list-style-image: url(images/bt_paw1-2.gif);
}

.tabButton
{
    background-position: left top;
    padding-top: 20px;
    padding-left: 5px;
    background-image: url(images/tab12.gif);
    vertical-align: top;
    width: 100px;
    background-repeat: no-repeat;
    height: 20px;
    text-align: left;
    display: inline-block;
    color: White;
}

.tabButton a:Link, .tabButton a:visited
{
    color: White;
}

.required
{
    font-weight: bold;
    color: red;
}
.hideMe
{
    display: none;
}
.browsePopupHide
{
    display: none;
}
.browsePopupShow
{
    display: inline-block;
    width: 276px;
    position: absolute;
    background-color: #FFFFC0;
    border-right: gray 2px outset;
    border-top: gray 2px outset;
    border-left: gray 2px outset;
    border-bottom: gray 2px outset;
    text-align: left;
}
a.tabLost:hover
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/top_bt_reportdoglost2.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}
a.tabLost
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/top_bt_reportdoglost1.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}
a.tabFound:hover
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/top_bt_reportdogfound2.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}
.scrmobileL
{
    background: url(images/gridShade3.jpg) repeat-x;
    width: 50px;
    height: 15px;
    display: block;
    float: left;
}
.scrmobileR
{
    background: url(images/gridShade3.jpg) repeat-x;
    width: 50px;
    height: 15px;
    display: block;
    margin-left: 60px;
}
a.tabFound
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/top_bt_reportdogfound1.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}
a.tabReUnited:hover
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/top_bt_dogreunited2.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}

.menuTabBar
{
    height: 23px;
}

a.tabMaint:hover
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/tab_maint_on.jpg);
    background-repeat: no-repeat;
    height: 13px;
    width: 130px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}
a.tabMaint
{
    font-size: 10pt;
    color: white;
    background-position: left top;
    background-image: url(images/tab_maint_off.jpg);
    background-repeat: no-repeat;
    height: 13px;
    width: 130px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 11px;
}

.padit
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.editPins
{
    z-index: 25;
}

/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav
{
    padding: 0 0 0 8px;
}
#widget-docs .ui-tabs-nav li
{
    margin: 5px 5px 0 0;
}
#widget-docs .ui-tabs-nav li a:link, #widget-docs .ui-tabs-nav li a:visited, #widget-docs .ui-tabs-nav li a:hover, #widget-docs .ui-tabs-nav li a:active
{
    font-size: 14px;
    padding: 4px 1.2em 3px;
    color: #fff;
}
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:active
{
    color: #e6820E;
}
#widget-docs .ui-tabs-panel
{
    padding: 20px 9px;
    font-size: 12px;
    line-height: 1.4;
    color: #000;
}
#widget-docs .ui-widget-content a:link, #widget-docs .ui-widget-content a:visited
{
    color: #1b75bb;
    text-decoration: none;
}
#widget-docs .ui-widget-content a:hover, #widget-docs .ui-widget-content a:active
{
    color: #0b559b;
}
.mlink a
{
    padding-left: 15px;
    color: #6c3900;
    text-decoration: none;
    background-image: url(images/menuLine.gif);
    background-repeat: no-repeat;
    font-weight: normal;
    padding-top: 8px;
    height: 30px;
    display: block;
    cursor: hand;
}

.mlink a:hover
{
    padding-left: 15px;
    color: #6c3900;
    text-decoration: none;
    background-image: url(images/menuLine.gif);
    background-repeat: no-repeat;
    font-weight: normal;
    padding-top: 8px;
    height: 30px;
    display: block;
    background-color: #ffeb9c;
    cursor: hand;
}
.addbutton
{
    padding-left: 20px;
    color: #6c3900;
    text-decoration: none;
    background-image: url(images/add2.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}
.dbutton
{
    padding-left: 20px;
    color: #6c3900;
    text-decoration: none;
    background-image: url(images/dynabutton.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}

A.dbutton:hover
{
    padding-left: 20px;
    color: #6c3900;
    text-decoration: none;
    background-image: url(images/dynabutton_over.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}

.BoxBounce
{
    margin: 20px;
    width: 500px;
    display: block;
    vertical-align: top;
    padding-top: 0;
    background-color: #f9f9f9;
    overflow: hidden;
}

.BoxHeader
{
    display: block;
    height: 40px;
    margin: 0;
    cursor: pointer;
}
#divInsideFrame
{
    display: block;
    height: 100%;
    width: 100%;
}
#divInsideFrameUnit
{
    display: block;
    background-image: url(images/wave3.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 100%;
    width: 100%;
}
.padme
{
    display: block;
    vertical-align: top;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.content-slider
{
    margin-top: 10px;
    width: 2px;
    background: #BBBBBB;
    float: right;
    position: relative;
    margin-right: 10px;
}

.ui-slider-handle
{
    width: 20px;
    height: 4px;
    position: absolute;
    left: -9px;
    background: #478AFF;
    border: solid 1px black;
}

.content-scroll
{
    margin-top: 10px;
    overflow: hidden;
    margin-left: 20px;
}

#content-holder
{
}

.content-item
{
    padding: 5px;
}

#headphone
{
    position: absolute;
    display: block;
}
#headphone a
{
    background: url( 'images/Listen_nohover.jpg' );
    display: block;
}
#headphone a:hover
{
    background-image: url( 'images/Listen_hover.jpg' );
    display: block;
}
#conmenu
{
    background-color: gainsboro;
    border-right: #2f2f2f 1px solid;
    border-top: #2f2f2f 1px solid;
    border-left: #2f2f2f 1px solid;
    color: black;
    border-bottom: #2f2f2f 1px solid;
    width: 83px;
    height: 94px;
    cursor: hand;
}
.navButtons
{
    color: white;
    z-index: 200;
}
.navButtons a
{
    text-decoration: none;
    vertical-align: top;
    color: white;
}
.navButtons a:hover
{
    background-color: chocolate;
    text-decoration: none;
    vertical-align: top;
    color: white;
}
#calendar
{
    width: 600px;
    margin: 0 auto;
}

.DDMenuCont
{
    position: relative;
    height: 24px;
    padding: 1px 23px 1px 2px;
}


.DDMenu
{
    padding: 2px;
    float: left;
}
.DDMenu a
{
    display: block;
    float: left;
    padding: 1px 23px 1px 2px;
    margin: 1px;
    color: #CCCCCC;
    text-decoration: none;
    font: 12px;
    font-weight: normal;
}
.DDMenu a.mouseover
{
    padding: 1px 10px 4px 2px;
    color: #C0C0C0;
    font-weight: normal;
    font: 12px;
}

.DDMenu div a
{
    float: none;
    padding: 1px 10px 4px 2px;
    margin: 5px;
    position: relative;
}

.DDMenu div
{
    background: #333333;
    padding: 5px;
    margin: 0px;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    border-right: #cccccc 1px solid;
}
#container
{
    width: 580px;
    padding: 10px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

#example
{
    width: 600px;
    height: 350px;
    position: relative;
}

#ribbon
{
    position: absolute;
    top: -3px;
    left: -15px;
    z-index: 500;
}

#frame
{
    position: absolute;
    z-index: 0;
    width: 739px;
    height: 341px;
    top: -3px;
    left: -80px;
}

#slides
{
    position: absolute;
    top: 15px;
    left: 4px;
    z-index: 100;
}

#slides .next, #slides .prev
{
    position: absolute;
    top: 107px;
    left: -39px;
    width: 24px;
    height: 43px;
    display: block;
    z-index: 101;
}

.slides_container
{
    width: 570px;
    height: 570px;
    overflow: hidden;
    position: relative;
}

#slides .next
{
    left: 585px;
}

.pagination
{
    margin: 26px auto 0;
    width: 100px;
}

.pagination li
{
    float: left;
    margin: 0 1px;
}

.pagination li a
{
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a
{
    background-position: 0 -12px;
}

.SlidePara
{
    padding-top: 20px;
    display: block;
}
ol, ul
{
    list-style: none;
    padding-left: 5px;
}
li
{
    background-image: url('images/zap3.gif');
    background-repeat: no-repeat;
    text-align: left;
    vertical-align: top;
    padding-left: 20px;
}
.g1
{
    color: #9FCF67;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
.g2
{
    color: #5F6062;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
a .w1
{
    color: #9FCF67;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
a:hover .w1
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
a .bt
{
    font-size: 12px;
    color: #FFFFFF;
}
a:hover .bt
{
    font-size: 12px;
    color: #5F6062;
}
a:hover .inblock
{
    width: 205px;
    height: 205px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-color: #9FCF67;
    padding: 10px;
}
a .inblock
{
    width: 205px;
    height: 205px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-color: #5F6062;
    padding: 10px;
}
.GTitle
{
    color: #54BC00;
    font-weight: bold;
}
.ToolBoxOut
{
    position: relative;
    width: 238px;
    height: 166px;
    background: white;
}
.ToolBoxIn
{
    position: relative;
    width: 218px;
    height: 146px;
    background: white;
}
.ToolBoxFrm
{
    position: relative;
    background: white;
    top: 0px;
    left: 0px;
    height: 193px;
    width: 254px;
}
.valign
{
    text-align: center;
    vertical-align: middle;
}
.outblock2
{
    position: absolute;
    top: 0px;
    left: 350px;
    opacity: 0.8;
}
.outblock
{
    display: block;
    width: 219px;
    height: 218px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
a:hover .inblock2
{
    width: 205px;
    height: 250px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-color: #9FCF67;
    padding: 10px;
}
a .inblock2
{
    width: 205px;
    height: 250px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-color: #5F6062;
    padding: 10px;
}
.ToolBoxFrm2
{
    position: relative;
    background: white;
    top: 0px;
    left: 0px;
    height: 127px;
    width: 474px;
}
.tickFrame
{
    display: block;
    text-decoration: none;
    color: #000000;
}
.tickL
{
    padding-top: 4px;
    position: relative;
    top: 0px;
    display: block;
    left: 1024px;
    text-decoration: none;
    color: #000000;
}
.tickL a
{
    color: #000000;
    text-decoration: none;
}
.toolItem
{
    padding: 4px 4px 35px 6px;
    border: 0px;
    color: White;
}

.AutoRoll
{
    border: 0px;
}
.videogap
{
    position: relative;
    padding: 4px;
    margin: 4px;
    display: block;
    height: 148px;
    width: 164px;
    float: left;
    text-align: center;
    top: 0px;
    left: 0px;
}
.videoFrame
{
    position: absolute;
    display: block;
    height: 100%;
    width: 173px;
    float: left;
    text-align: center;
    background-image: url('images/video_big3.gif');
    top: 0px;
    left: 0px;
}
.btnVote
{
    position: absolute;
    top: 127px;
    left: 140px;
    width: 22px;
    height: 24px;
}
.vidPos
{
    position: absolute;
    top: 5px;
    left: 6px;
    width: 41px;
    height: 26px;
}

.videolink
{
    position: absolute;
    top: 7px;
    left: 8px;
    width: 155px;
    height: 119px;
}
.btnPlay
{
    position: absolute;
    top: 51px;
    left: 60px;
    width: 31px;
}
.play
{
    position:relative;
    display: block;
    top:0px;
    left:0px;
    z-index:100;
}
.play img
{   
    position:absolute; 
    display: block;
    top:55px;
    left:68px; 
    height: 29px;
    width: 28px;
}
.vclick
{
    position:relative; 
    top:0px;
    left:0px; 
    display:block;
    height:80px;
    width:140px;
}
.video
{
    position: absolute;
    top: 3px;
    left: 3px;
    width: 160px;
    height: 126px;
    
}
.info
{
    position: absolute;
    top: 90px;
    left: 3px;
    height: 30px;
    width: 150px;
    font-size: 11px;
    text-decoration: none;
    font-family: Tahoma;
    color: #FFFFFF;
    display: block;
    background-color: black;
    text-align: center;
    opacity: 0.4;
    filter: alpha(opacity=40);
    padding-left: 15px;
    text-transform: capitalize;
}
.vid_duration
{
    height: 13px;
    width: 142px;
    position: absolute;
    top: 124px;
    left: 12px;
    font-size: 11px;
    font-family: Tahoma;
    color: #FFFFFF;
    display: block;
    text-align: left;
}
.info2
{
    position: absolute;
    font-size: 10px;
    text-decoration: none;
    font-family: Tahoma;
    color: #FFFFFF;
    top: 138px;
    left: 12px;
    width: 96px;
    display: block;
    text-align: left;
}
.info3
{
    position: absolute;
    font-size: 8px;
    text-decoration: none;
    font-family: Tahoma;
    color: #FFFFFF;
    top: 5px;
    left: 46px;
    height: 18px;
    width: 60px;
    text-align: center;
    background-color: #333333;
    filter: alpha(opacity=60);
     opacity: 0.6;
    padding: 4px;
}

.videolinkMain
{
    cursor: pointer;
    height: 300px;
    width: 400px;
}

#vidPlayer
{
    display: none;
    background-color: #000000;
}
.bigframe
{
    display: block;
    height: 100%;
    width: 100%;
}
.vBigPanel
{
    display: block;
    position: relative;
    top: -70px;
    left: 0px;
    height: 45px;
    width: 100%;
    background-color: #000000;
    opacity: 0.6;
}
.btnVoteB
{
    float: left;
    width: 100PX;
    color: #FFFFFF;
    text-align: left;
}
.lblSong
{
    width: 100%;
    height: 20px;
    color: #FFFFFF;
    text-align: left;
    text-transform: capitalize;
}

.lblZap
{
    float: left;
    width: 100PX;
    color: #FFFFFF;
    text-align: left;
}
.lblView
{
    float: left;
    width: 100PX;
    color: #FFFFFF;
    text-align: left;
}
.vHeading
{
    float: left;
    display: block;
    color: #00CCFF;
    width: 50px;
    height: 20px;
}
.bigzap
{
    display: block;
    height: 50px;
    width: 50px;
}
.msg
{
    font-size: 14pt;
    font-style: italic;
    color: #0000FF;
    text-transform: capitalize;
}
.dynaEditScreens
{
    position: absolute;
    display: block;
    top: 260px;
    left: 180px;
    height: 760px;
    width: 710px;
    background-color: #C0C0C0;
    z-index: 999;
    overflow: scroll;
}
.GenericForm
{
    display: block;
}
.dload
{
    border: 1px solid #FFFFFF;
    position: absolute;
    display: block;
    top: 32px;
    left: 40px;
    background-color: #C0C0C0;
}
.videoBig
{
    position: absolute;
    width: 325px;
    height: 234px;
}
.videolinkBig
{
    position: absolute;
    display: block;
    width: 325px;
    height: 234px;
}
.playBig
{
    position: absolute;
    top: 55px;
    left: 120px;
    display: block;
    height: 80px;
    display: block;
    width: 80px;
}
.infoBig
{
    position: absolute;
    top: 190px;
    left: 0px;
    height: 44px;
    width: 308px;
    font-size: 11px;
    text-decoration: none;
    font-family: Tahoma;
    color: #FFFFFF;
    display: block;
    background-color: black;
    text-align: center;
    opacity: 0.4;
    padding-left: 15px;
    text-transform: capitalize;
}
#vidProg
{
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}