/* _______________ body _______________ */

BODY
{
    background: #FFFFFF;
    margin-top: 2px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

/* _______________ body _______________ */

P
{
    margin-top: 6px;
    margin-bottom: 6px;
}


/* _______________ Main Section (page center) _______________ */

.mainsection
{
    vertical-align: top;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}


/* _______________ Body Text _______________ */

.bodytext
{
    font-family: Tahoma;
    font-size: 11px;
    line-height: 140%;
    color: #323232;
    font-weight: normal;
}

.bodytext A:link, .bodytext A:visited
{
    color: #086B35;
    text-decoration: none;
}

.bodytext A:hover
{
    color: #224433;
    text-decoration: none;
}


/* _______________ Gray Text _______________ */

.graytext
{
    font-family: Tahoma;
    font-size: 11px;
    line-height: 140%;
    color: #323232;
    font-weight: normal;
}

.graytext A:link, .graytext A:visited
{
    color: #656565;
    text-decoration: none;
}

.graytext A:hover
{
    color: #4c8234;
    text-decoration: none;
}


/* _______________ small Titles _______________ */

.smalltitle
{
    color: #545454;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 130%;
}

.smalltitle A:link, .smalltitle A:visited
{
    color: #086b35;
    text-decoration: none;
}

.smalltitle A:hover
{
    color: #FF5500;
    text-decoration: none;
}


/* _______________ Titles and Other Texts _______________ */

.linkdate
{
    color: #858585;
}

.fade
{
    color: #7e7e77;
}


.date
{
    color: #878787;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 140%;
}

.buttontext
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #454545;
}

.redtitle
{
    color: #cc3300;
    font-family: Times New Roman;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}


/* _______________ Top Navbar _______________ */

.topnav
{
    color: #fff;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.topnav A:link, .topnav A:visited
{
    color: #fff;
    text-decoration: none;
}

.topnav A:hover
{
    color: #fff;
    text-decoration: none;
}

.white
{
    color: #ffffff;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
}

.white A:link, .white A:visited
{
    color: #f4f4f4;
    text-decoration: none;
}

.white A:hover
{
    color: #343434;
    text-decoration: none;
}


/* _______________ Button _______________ */


.dorehButton
{
    font-family: Tahoma;
    font-size: 11px;
    height: 20px;
    color: #212121;
    padding-bottom: 4px;
}

.dorehButton50
{
    font-family: Tahoma;
    font-size: 11px;
    height: 20px;
    width: 50px;
    vertical-align: middle;
    color: #212121;
    padding-bottom: 4px;
}



.LoginButton
{
    font-family: Tahoma;
    font-size: 11px;
    height: 20px;
    width: 50px;
    vertical-align: middle;
    color: #212121;
    padding-bottom: 4px;
}

.SignUpButton
{
    font-family: Tahoma;
    font-size: 11px;
    height: 24px;
    width: 150px;
    vertical-align: middle;
    color: #212121;
    padding-bottom: 4px;
}




/* _______________ Category Header _______________ */

div.CatHead
{
    padding-bottom: 3px;
    padding-top: 7px;
    border-bottom: 1px dashed #FF5500;
    font-family: Times New Roman;
    color: #FF5500;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}




/* _______________ Tabs _______________ */

td.Tab
{
    vertical-align: bottom;
    height: 16px;
    margin-bottom: 0;
    padding: 2px;
    background-color: #FFFFFF;
    border-left: 1px #a2a2a2 solid;
    border-right: 1px #a2a2a2 solid;
    border-top: 1px #a2a2a2 solid;
    text-align: center;
}

td.Tabspacer
{
    height: 16px;
    width: 2px;
    border: 0px;
    margin-bottom: 0;
}

td.TabBar
{
    height: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
}



/* _______________ TextBox _______________ */

.textbox150
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 150px;
    height: 20px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    background-color: #FFF;
    padding: 2px;
}



.textbox200
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 200px;
    height: 20px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    padding: 2px;
    background-color: Transparent;
}

.textbox200w
{
    border-color: #3399cc;
    border-width: 1px;
    border-style: Solid;
    width: 200px;
    height: 20px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    padding: 2px;
    background-color: #FFF;
}

.textbox280
{
    border-color: #3399cc;
    border-width: 1px;
    border-style: Solid;
    width: 280px;
    height: 20px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    padding: 2px;
    background-color: #FFF;
}


.textbox350
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 350px;
    height: 20px;
}

.textbox400
{
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: Solid;
    width: 400px;
    height: 20px;
    padding: 2px;
}

.textbox450
{
    border-color: #3399cc;
    border-width: 1px;
    border-style: Solid;
    width: 450px;
    height: 20px;
    padding: 2px;
}

.multitextbox170
{
    border-color: #b2b2b2;
    border-width: 1px;
    border-style: Solid;
    width: 210px;
    height: 60px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
    padding: 3px;
}


.multitextbox350
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 350px;
    height: 100px;
    padding: 4px;
}

.multitextbox400short
{
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: Solid;
    width: 400px;
    height: 40px;
    padding: 4px;
}

.multitextbox500short
{
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: Solid;
    width: 500px;
    height: 40px;
    padding: 4px;
}


.multitextbox400
{
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: Solid;
    width: 400px;
    height: 100px;
    padding: 4px;
}

.multitextbox450
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 450px;
    height: 100px;
    padding: 4px;
}

.multitextbox450long
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 450px;
    height: 300px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
    padding: 4px;
}

.multitextbox520
{
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    width: 520px;
    height: 80px;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
    padding: 4px;
}

.watermarked
{
    font-family: Tahoma;
    font-size: 11px;
    color: #b7b7b7;
}


/* _______________ Profile Regions _______________ */

.bigname
{
    font-family: Times New Roman;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    color: #212121;
}

div.generalinfo
{
    width: 500px;
    padding: 5px;
    margin-bottom: 10px;
    border: 0px solid #ADD2E2;
    background-color: #EEF4FA;
}

div.Personalinfo
{
    width: 500px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px solid #ADD2E2;
    background-color: #EEF4FA;
    clear: both;
}

div.section
{
    width: 500px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccddee;
    clear: both;
}

div.sectionnoline
{
    width: 500px;
    padding: 10px;
    margin-bottom: 10px;
    clear: both;
}


div.sectionlong
{
    width: 700px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccddee;
    clear: both;
}



tr.underlinedSection
{
    width: 500px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccddee;
    clear: both;
}

div.subItem
{
    margin-bottom: 10px;
    margin-right: 20px;
}

div.subItem
{
    margin-bottom: 10px;
    margin-right: 20px;
}

.checkbox1
{
    vertical-align: middle;
}

.additem a
{
    height: 22px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    background: #E1EFFA url(http://www.doreh.com/images/icon_edit.gif) 2px 2px no-repeat;
    padding-left: 25px;
    padding-right: 3px;
    float: right;
}


td.HeaderCell
{
    background-color: #eff3d2;
}


/* _______________ Cornered Backgrounds _______________ */

.curved-bg-690
{
    background: url(http://www.doreh.com/images/doreh2/bg_top_690x7.gif) 0 0 no-repeat #E1EFFA;
    width: 690px;
    margin: 0 0 15px;
}

.curved-bg-690-in
{
    background: url(http://www.doreh.com/images/doreh2/bg_bot_690x7.gif) bottom left no-repeat;
    padding: 15px 10px;
}

.curved-int
{
    background: #FFF url(http://www.doreh.com/images/doreh2/bg_int_bot_670x7.gif) 0 100% no-repeat;
    height: 98%;
}
.curved-int-in
{
    background: url(http://www.doreh.com/images/doreh2/bg_int_top_670x7.gif) no-repeat;
    padding: 15px 10px;
}


.curved-bg
{
    background: url(http://www.doreh.com/images/bg_top_555x7.gif) 0 0 no-repeat #eff3d2;
    width: 555px;
    margin: 0 0 15px;
}

.curved-bg-in
{
    background: url(http://www.doreh.com/images/bg_bot_555x7.gif) bottom left no-repeat;
    padding: 15px 10px;
}

.curved-bg-green
{
    background: url(http://www.doreh.com/images/bg_top_555x7.gif) 0 0 no-repeat #CFF2B5;
    width: 555px;
    margin: 0 0 15px;
}


.curved-bg-mustard
{
    background: url(http://www.doreh.com/images/bg_top_555x7.gif) 0 0 no-repeat #FFF5C7;
    width: 555px;
    margin: 0 0 15px;
}


.curved-bg-beige
{
    background: url(http://www.doreh.com/images/bg_top_555x7.gif) 0 0 no-repeat #E7E0CF;
    width: 555px;
    margin: 0 0 15px;
}


/* _______________ Cornered Backgrounds _______________ */

div#addfriend
{
    margin: 0 0 20px;
    width: 210px;
    padding: 3px;
    text-align: center;
    border: 1px dashed #989898;
}

/* _______________ Login Box _______________ */

div.loginbox
{
    width: 300px;
    padding: 3px;
    border: 0px solid #6699cc;
}


/* _______________ Fieldset _______________ */

fieldset
{
    padding: 12px;
    margin-bottom: 5px;
}


/* _______________ Recommendation Main _______________ */

.rec-main
{
    background: #FFF url(http://www.doreh.com/images/bg_recs_bot_535x7.gif) 0 100% no-repeat;
    height: 98%;
}
.rec-main-in
{
    background: url(http://www.doreh.com/images/bg_recs_top_535x7.gif) no-repeat;
    padding: 15px 10px;
}


/* _______________ bordered box _______________ */

.boxnarrowshad
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_top_251x1088.gif) no-repeat;
    width: 251px;
}

.boxnarrowshad-in
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_bot_251x23.gif) bottom left no-repeat;
    padding: 10px;
}


.boxwide
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_top_690x1800.gif) no-repeat;
    width: 690px;
}

.boxwide-in
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_bot_690x5.gif) bottom left no-repeat;
    padding: 10px;
}


.feedbox
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_top_602x400.gif) no-repeat;
    width: 580px;
    margin-bottom: 10px;
}

.feedbox-in
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_bot_602x18.gif) bottom left no-repeat;
    padding: 10px;
}


.postitembox
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_top_670x445.gif) no-repeat;
    width: 670px;
    margin-bottom: 10px;
}

.postitembox-in
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_bot_670x20.gif) bottom left no-repeat;
    padding: 10px;
}


.fullbox
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_sh_top_690x400.gif) no-repeat;
    width: 690px;
    margin-bottom: 10px;
}

.fullbox-in
{
    background: url(http://www.doreh.com/images/doreh2/gray1px_sh_bot_690x23.gif) bottom left no-repeat;
    padding: 10px;
}


.regBox
{
    background: url(http://www.doreh.com/images/doreh2/regBoxTop.jpg) no-repeat;
    width: 949px;
}

.regBox-in
{
    background: url(http://www.doreh.com/images/doreh2/regBoxBottom.jpg) bottom left no-repeat;
    padding: 10px;
}



.box210blue1px
{
    background: url(http://www.doreh.com/images/bg_blue1px_top_210x800.gif) no-repeat;
    width: 210px;
}

.box210blue1px-in
{
    background: url(http://www.doreh.com/images/bg_blue1px_bot_210x10.gif) bottom left no-repeat;
    padding: 6px;
}


.boxheader
{
    background-color: #e1effa;
    padding: 3px;
    color: #545454;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 130%;
}


.box210green
{
    background: url(http://www.doreh.com/images/bg_green3px_top_210x500.gif) no-repeat;
    margin: 0 0 15px;
    width: 210px;
}

.box210green-in
{
    background: url(http://www.doreh.com/images/bg_green3px_bot_210x10.gif) bottom left no-repeat;
    padding: 10px;
}


.box555orange
{
    background: url(http://www.doreh.com/images/bg_orange_top_555x400.gif) no-repeat;
    width: 555px;
}

.box555orange-in
{
    background: url(http://www.doreh.com/images/bg_orange_bot_555x9.gif) bottom left no-repeat;
    padding: 7px;
}


.box320blue1px
{
    background: url(http://www.doreh.com/images/bg_blue1px_top_320x800.gif) no-repeat;
    width: 320px;
}

.box320blue1px-in
{
    background: url(http://www.doreh.com/images/bg_blue1px_bot_320x10.gif) bottom left no-repeat;
    padding: 6px;
}


/* _______________ Description _______________ */

div.description
{
    margin-right: 25px;
    margin-bottom: 15px;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 140%;
    color: #323232;
}

/* _______________ Completeness Bar _______________ */

div.completeness
{
    padding: 3px;
    width: 150px;
    height: 20px;
    background: url(http://www.doreh.com/images/doreh2/progressbar_bg.gif) no-repeat 0px 0px;
}

select.listboxFriends
{
    width: 150px;
    height: 180px;
    border-color: #3399CC;
    border-width: 1px;
    border-style: Solid;
    color: #454545;
    font-family: Tahoma;
    font-size: 11px;
    padding: 2px;
}


/* _______________ Boxes _______________ */

div.boxHead
{
    width: 555px;
    height: 20px;
    margin: 0 0 0px;
    border-bottom: 1px solid #99ccff;
}

div.boxBody
{
    width: 555px;
    margin: 0 0 15px;
}


/* _______________ Wall _______________ */

div.wallPostHeader
{
    padding: 4px;
    border-bottom: 1px dashed #E1EFFA;
    margin-bottom: 3px;
}

/* _______________ StatusBox _______________ */

.statusBox
{
    background: url(http://www.doreh.com/images/statusbox-blue-top.jpg) no-repeat;
    width: 295px;
}

.statusBox-in
{
    background: url(http://www.doreh.com/images/statusbox-blue-bot.jpg) bottom left no-repeat;
    padding: 22px;
}


/* _______________ StatusBox Big _______________ */

.statusBoxBig
{
    background: url(http://www.doreh.com/images/status2-top.jpg) no-repeat;
    width: 445px;
}

.statusBoxBig-in
{
    background: url(http://www.doreh.com/images/status2-bot.jpg) bottom left no-repeat;
    padding: 18px 25px 18px 15px;
}



/* _______________ Collapse Panel _______________ */

.collapsePanel
{
    height: 0px;
    overflow: hidden;
}

.collapsePanelHeader
{
    cursor: pointer;
    vertical-align: middle;
}

.collapseImage
{
    cursor: pointer;
}

/* _______________ Import Box _______________ */

.importBox
{
    width: 690px;
    height: 124px;
    background: url(http://www.doreh.com/images/doreh2/importbox.jpg) bottom left no-repeat;
    margin-bottom: 10px;
}


/* _______________ Narrow Box header _______________ */

.boxTitle
{
    border-bottom: solid 1px #c5c5c5;
    margin-bottom: 7px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #545454;
    padding-bottom: 4px;
}



/* _______________ Navigation Bar _______________ */


#navbar
{
    width: 950px;
    height: 31px;
    clear: both;
    background: #488C39 url(http://www.doreh.com/images/doreh2/navbar.gif) no-repeat left top;
    border-collapse: collapse;
}

#navbar .navitemInactive
{
    text-align: center;
    width: 80px;
    color: #d4d4d4;
}

#navbar .navitemrightInactive
{
    text-align: center;
    width: 80px;
    color: #d4d4d4;
}


#navbar .navitem
{
    text-align: center;
    cursor: pointer;
    width: 80px;
}

#navbar .navitemright
{
    text-align: center;
    cursor: pointer;
    width: 80px;
}

#navbar .navitem:hover
{
    background: url(http://www.doreh.com/images/doreh2/rollover-middle.gif) bottom left no-repeat;
}

#navbar .navitemright:hover
{
    background: url(http://www.doreh.com/images/doreh2/rollover-right.gif) bottom left no-repeat;
}

#navbar .current
{
    text-align: center;
    cursor: pointer;
    width: 80px;
    background: url(http://www.doreh.com/images/doreh2/hover-middle.gif) no-repeat center center;
}


#navbar .currentright
{
    text-align: center;
    cursor: pointer;
    width: 80px;
    background: url(http://www.doreh.com/images/doreh2/hover-right.gif) no-repeat center center;
}



/* _______________ search _______________ */


#searchArea .searchcateg, #searchArea .searchtextbox, #searchArea .searchbutton
{
    font-family: Tahoma;
    font-size: 11px;
}


div#searchtextboxDiv input[type="text"]
{
    height: 20px;
}

.searchtextbox
{
    border: 1px Solid #e2e2e2;
    width: 200px;
    height: 16px;
    background-color: #FFF;
    color: #454545;
}

.searchcateg
{
    height: 18px;
    background-color: #FFF;
    margin-right: 2px;
    vertical-align: middle;
    color: #454545;
    text-align: center;
}

.searchbutton
{
    height: 16px;
    width: 50px;
    vertical-align: middle;
    color: #000;
    padding-bottom: 4px;
}


/* _______________ link row _______________ */

.linkrow
{
    margin-left: 10px;
    margin-bottom: 6px;
}

/* _______________ nav link _______________ */

#postlinks
{
    color: #212121;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}

#postlinks A:link, #postlinks A:visited
{
    color: #212121;
    text-decoration: none;
}

#postlinks td
{
    width: 80px;
    height: 34px;
    cursor: pointer;
    vertical-align: middle;
}

#postlinks .postType
{
    background: url(http://www.doreh.com/images/doreh2/selector_gr.gif) center 6px no-repeat;
}



/* _______________ tertiary nav _______________ */


#tertiary
{
    border-collapse: collapse;
    margin-right: 8px;
}

#tertiary td
{
    cursor: pointer;
    width: 90px;
    height: 23px;
    text-align: center;
    border: solid 1px #d7d7d7;
    border-bottom: none;
    background: url(         "http://www.doreh.com/images/doreh2/tertiaryoff.gif" ) repeat-x right top;
}

#tertiary .selected
{
    background: url(         "http://www.doreh.com/images/doreh2/tertiaryon.gif" ) repeat-x right top;
}


/* _______________ pager _______________ */

.pager
{
    direction: ltr;
}


/* _______________ secondary nav _______________ */


#secNav
{
    border-collapse: collapse;
}

#secNav td
{
    width: 120px;
    height: 26px;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 5px;
}

.currentSec
{
    background: url(      "http://www.doreh.com/images/doreh2/secpointer.gif" ) no-repeat center bottom;
    color: #FF6565;
}

.currentSec A:link, .currentSec A:visited
{
    color: #191919;
}

/* _______________ SignUp _______________ */

td#step1Basic
{
    width: 465px;
    height: 281px;
    background: url(   "http://www.doreh.com/images/doreh2/prof-signup.jpg" ) no-repeat left bottom;
}

td#step1Extra
{
    width: 385px;
    height: 222px;
    background: url(   "http://www.doreh.com/images/doreh2/owl-signup.jpg" ) no-repeat left bottom;
}

td#step2FindFriends
{
    width: 383px;
    height: 219px;
    background: url(   "http://www.doreh.com/images/doreh2/narges-signup.jpg" ) no-repeat left bottom;
}

td#step3Final
{
    width: 385px;
    height: 236px;
    background: url(   "http://www.doreh.com/images/doreh2/ryan-signup.jpg" ) no-repeat left bottom;
}