/*== For Import Admin Section CSS ===*/
@import "admin.css";

/*== For Import Menu CSS ===*/
@import "menu.css";

/*== For Import Editor CSS ===*/
@import "editor.css";


/*========================================================*/
/*  Default CSS                                           */
/*========================================================*/

/* HTML BODY css  --*/
Body
{
    margin: 0px;
    background-position: left top;
    background-color: #7b5845;
}


/*========================================================*/
/*  Tokens                                                */
/*========================================================*/

/*-- Login Register token              --*/
.login-register, a.login-register:link, a.login-register:visited, 
a.login-register:active
{
    font-weight: normal;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
/*-- Login Register token hover        --*/
a.login-register:hover
{
    font-weight: normal;
    font-size: 11px;
    color: #402410;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

/*-- Copyright token                   --*/
.copy-right
{
    font-weight: normal;
    font-size: 11px;
    color: #93bf34;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

/*-- Date token                        --*/
.date
{
    color: #f67402;
    font-family: Calibri, Tahoma, Arial;
    font-size: 12px;
    font-weight: normal;
}

/*-- Breadcrum token                   --*/
.breadcrum, a.breadcrum:link, a.breadcrum:visited, a.breadcrum:active
{
    font-weight: bold;
    font-size: 12px;
    color: #0071f0;
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-decoration: none;
}
/*-- Breadcrum token hover             --*/
a.breadcrum:hover
{
    font-weight: bold;
    font-size: 12px;
    color: #5db1ec;
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-decoration: none;
}

/*-- Terms Privacy token       		   --*/
.terms-privacy, a.terms-privacy:link, a.terms-privacy:visited, a.terms-privacy:active
{
    color: #93bf34;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
/*-- Terms Privacy token hover 		   --*/
a.terms-privacy:hover
{
    color: #93bf34;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

/*-- Search box css		   	    	   --*/
#dnn_dnnSEARCH_txtSearch.NormalTextBox
{
    width: 165px;
    height: 19px;
    background: bf9c84;
    padding: 0px 0px 0px 5px;
    border: 0px solid #9c6945;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    cursor: text;
    margin: 4px 0px 0px 0px;
}

/*------------------------  End  -------------------------*/

/*========================================================*/
/*  Text For Contents                                     */
/*========================================================*/

/*========================================================*/
/* Backgrounds                                            */
/*========================================================*/

.main_bg
{
    background: url(bg.jpg) repeat-x top left #FFFFFF;
}
.top-bg
{
    background: url(top-bg.jpg) repeat-x top left;
    height: 101px;
}

/*------------------------  End  -------------------------*/

/*========================================================*/
/* PANES  CSS                                           */
/*========================================================*/
.pane_bg
{
    background: url(pane_bg.png) no-repeat center top;
    white-space: 906px;
    height: 220px;
    padding: 18px 16px 18px 16px;
}
.middleright
{
    background: url(dotedline2_bg.png) repeat-y left top;
    padding: 0 0 0 18px;
}
.middlecenter
{
    background: url(dotedline2_bg.png) repeat-y left top;
    padding: 0 0 0 18px;
}

/*------------------------  End  -------------------------*/


/* GREEN*/
.green, a.green
{
    font-weight: normal;
    font-size: 12px;
    color: #94a600;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 1.4;
}
a.green:hover
{
    font-weight: normal;
    font-size: 12px;
    color: #94a600;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    line-height: 1.4;
}


/*------------------------  End  -------------------------*/
.Login-Area
{
    padding: 0px 90px 0px 0px;
    text-align: right;
}

.search-bg
{
    background: url(search-bg.jpg) no-repeat top right;
    text-align: right;
    padding: 4px 30px 0px 0px;
    height: 27px;
}
.Footer
{
    background: url(footer-border.jpg) repeat-x top left;
    height: 3px;
}

/*========================================================*/
/*  Pane                                                  */
/*========================================================*/

/*Top pane  100%*/.TopPane
{
    width: 100%;
    padding: 5px;
}

/*TopLeftPane   25%*/.TopLeftPane
{
    width: 25%;
    padding: 5px;
}
/*TopMidPane   50%*/.TopMidPane
{
    width: 50%;
    padding: 5px;
}
/*TopRightPane   25%*/.TopRightPane
{
    width: 25%;
    padding: 5px;
}

/*TopMidLeftPane   75%*/.TopMidLeftPane
{
    width: 75%;
    padding: 5px;
}
/*TopMidRightPane   25%*/.TopMidRightPane
{
    width: 25%;
    padding: 5px;
}

/*TopMiddleLeftPane  50% */.TopMiddleLeftPane
{
    width: 50%;
    padding: 5px;
}
/*TopMiddleRightPane  50% */.TopMiddleRightPane
{
    width: 50%;
    padding: 5px;
}
/*TopMiddleMid1Pane  50% */.TopMiddleMid1Pane
{
    width: 50%;
    padding: 5px;
}
/*TopMiddleMid1Pane  50% */.TopMiddleMid1Pane
{
    width: 50%;
    padding: 5px;
}
/*TopMiddleMid2Pane  50% */.TopMiddleMid2Pane
{
    width: 50%;
    padding: 5px;
}
/*TopLeft1Pane  33%*/.TopLeft1Pane
{
    width: 33%;
    padding: 5px;
}
/*TopMid1Pane   34%*/.TopMid1Pane
{
    width: 34%;
    padding: 5px;
}
/*TopRight1Pane 33%*/.TopRight1Pane
{
    width: 33%;
    padding: 5px;
}

/*TopMidLeftPane1   25%*/.TopMidLeft1Pane
{
    width: 25%;
    padding: 5px;
}
/*TopMidRightPane1   75%*/.TopMidRight1Pane
{
    width: 75%;
    padding: 5px;
}

/*TopMid1Pane		25%*/.TopMid1Pane
{
    width: 25%;
    padding: 5px;
}
/*TopMid1Pane		25%*/.TopMid2Pane
{
    width: 25%;
    padding: 5px;
}
/*TopMid1Pane		25%*/.TopMid3Pane
{
    width: 25%;
    padding: 5px;
}
/*TopMid1Pane		25%*/.TopMid4Pane
{
    width: 25%;
    padding: 5px;
}

/*Top HeaderPane  100%*/.HeaderPane
{
    width: 100%;
    padding: 5px;
}

/*Top NavPane    100%*/.TopNavPane
{
    width: 100%;
    padding: 5px;
}
/*Top BottomNavPane  100%*/.TopNav1Pane
{
    width: 100%;
    padding: 5px;
}
/*Top BottomNavPane  100%*/.TopNav2Pane
{
    width: 100%;
    padding: 5px;
}

/* TopHeaderLeftPane 50% */.TopHeaderLeftPane
{
    width: 50%;
    padding: 5px;
}
/* TopHeaderRightPane 50% */.TopHeaderRightPane
{
    width: 50%;
    padding: 5px;
}

/* TopHeaderLeft1Pane 33% */.TopHeaderLeft1Pane
{
    width: 33%;
    padding: 5px;
}
/* TopHeaderMid1Pane 34% */.TopHeaderMid1Pane
{
    width: 34%;
    padding: 5px;
}
/* TopHeaderRight1Pane 33% */.TopHeaderRight1Pane
{
    width: 33%;
    padding: 5px;
}

/*Top NavPane    100%*/.ContentPane
{
    width: 100%;
    padding: 5px;
}

/*LeftPane   25%*/.LeftPane
{
    width: 25%;
    padding: 5px;
}
/*MidPane   50%*/.MidPane
{
    width: 50%;
    padding: 5px;
}
/*RightPane   25%*/.RightPane
{
    width: 25%;
    padding: 5px;
}

/*MidLeftPane   75%*/.MidLeftPane
{
    width: 75%;
    padding: 5px;
}
/*MidRightPane  25%*/.MidRightPane
{
    width: 25%;
    padding: 5px;
}

/*MidLeft1Pane   50%*/.MidLeft1Pane
{
    width: 50%;
    padding: 5px;
}
/*TopMidRight1Pane   50%*/.MidRight1Pane
{
    width: 50%;
    padding: 5px;
}

/* MidLeft2Pane 33% */.MidLeft2Pane
{
    width: 33%;
    padding: 5px;
}
/* MidMid2Pane 34% */.MidMid2Pane
{
    width: 34%;
    padding: 5px;
}
/* MidRight2Pane 33% */.MidRight2Pane
{
    width: 33%;
    padding: 5px;
}

/*MidLeft3Pane   25%*/.MidLeft3Pane
{
    width: 25%;
    padding: 5px;
}
/*TopMidRight3Pane   75%*/.MidRight3Pane
{
    width: 75%;
    padding: 5px;
}

/* BottomPane    100% */.BottomPane
{
    width: 100%;
    padding: 5px;
}

.terms-privacy, a.terms-privacy, a.terms-privacy:link, 
a.terms-privacy:visited, a.terms-privacy:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #bf9c84;
    text-decoration: none;
}

a.terms-privacy:hover
{
    color: #fbdbc6;
}
.current-date
{
    font-size: 10px;
    color: #0B7012;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.copy-right
{
    font-size: 11px;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* ------------------ new styles --------- */

/* Layout */


.bg1
{
    background-repeat: no-repeat;
    background-position: left top;
}

.bg2
{
    background-repeat: repeat-x;
    background-position: left top;
}

.bg3
{
    background-repeat: repeat-y;
    background-position: left top;
}

.bg4
{
    background-repeat: no-repeat;
    background-position: left top;
}

.arial
{
    font-family: Arial, Helvetica, sans-serif;
}
.arialn
{
    font-family: "Arial Narrow" ,Arial, Helvetica, sans-serif;
}
.verdana
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tahoma
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

/* Font Sizes */

.ten
{
    font-size: 10px;
}
.eleven
{
    font-size: 11px;
}
.twelve
{
    font-size: 12px;
}
.thirteen
{
    font-size: 13px;
}
.fourteen
{
    font-size: 14px;
}
.fifteen
{
    font-size: 15px;
}
.sixteen
{
    font-size: 16px;
}
.seventeen
{
    font-size: 17px;
}
.eighteen
{
    font-size: 18px;
}
.nineteen
{
    font-size: 19px;
}
.twenty
{
    font-size: 20px;
}
.twentyone
{
    font-size: 21px;
}
.twentytwo
{
    font-size: 22px;
}
.twentythree
{
    font-size: 23px;
}
.twentyfour
{
    font-size: 24px;
}
.twentyfive
{
    font-size: 25px;
}
.thirty
{
    font-size: 30px;
}
.fourty
{
    font-size: 35px;
    letter-spacing: -0.05em;
}

/* Font Colours */

.magenta
{
    color: #C637B3;
}
.darkyellow
{
    color: #F4A83A;
}
.darkgray
{
    color: #263C4A;
}
.darkgray2
{
    color: #505050;
}
.purple
{
    color: #D671E2;
}
.white
{
    color: #FFFFFF;
}
.black
{
    color: #401d0e;
}
.gray
{
    color: #767676;
}
.lightgray
{
    color: #A3A3A3;
}
.red
{
    color: #D52E00;
}
.lightred
{
    color: #FF5756;
}
.orange
{
    color: #FF9600;
}
.yellow
{
    color: #FFFF00;
}
.green
{
    color: #8DA810;
}
.sharp_blue
{
    color: #318CC2;
}
.cyan
{
    color: #44A5C3;
}
.blue
{
    color: #237BD1;
}
.brown
{
    color: #7a543f;
}

/* Font Style & Weight */

.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.strikeout
{
    text-decoration: line-through;
}

/* Hovers */

.black2purple, a.black2purple, a.black2purple:link, 
a.black2purple:visited, a.black2purple:active
{
    text-decoration: none;
    color: #000000;
}
a.black2purple:hover
{
    text-decoration: none;
    color: #6767CB;
}

.orange2gray, a.orange2gray, a.orange2gray:link, a.orange2gray:visited, a.orange2gray:active
{
    color: #D64500;
    text-decoration: none;
}
a.orange2gray:hover
{
    color: #272727;
}

.n2u, a.n2u, a.n2u:link, a.n2u:visited, a.n2u:active
{
    text-decoration: none;
}
a.n2u:hover
{
    text-decoration: underline;
}

.u2n, a.n2u, a.n2u:link, a.n2u:visited, a.n2u:active
{
    text-decoration: underline;
}
a.u2n:hover
{
    text-decoration: none;
}

.gray2red, a.gray2red, a.gray2red:link, 
a.gray2red:visited, a.gray2red:active
{
    color: #6D6D6D;
    text-decoration: none;
}
a.gray2red:hover
{
    color: #E70000;
}

.lightred2black, a.lightred2black, a.lightred2black:link, 
a.lightred2black:visited, a.lightred2black:active
{
    color: #FF5756;
    text-decoration: none;
}
a.lightred2black:hover
{
    color: #333333;
}

.gray2orange, a.gray2orange, a.gray2orange:link, 
a.gray2orange:visited, a.gray2orange:active
{
    color: #6D6D6D;
    text-decoration: none;
}
a.gray2orange:hover
{
    color: #FF6600;
}

.gray2blue, a.gray2blue, a.gray2blue:link, 
a.gray2blue:visited, a.gray2blue:active
{
    color: #6D6D6D;
    text-decoration: none;
}
a.gray2blue:hover
{
    color: #237BD1;
}

.white2black, a.white2black, a.white2black:link, 
a.white2black:visited, a.white2black:active
{
    color: #FFFFFF;
    text-decoration: none;
}
a.white2black:hover
{
    color: #000000;
}

.white2yellow, a.white2yellow, a.white2yellow:link, 
a.white2yellow:visited, a.white2yellow:active
{
    color: #FFFFFF;
    text-decoration: none;
}
a.white2yellow:hover
{
    color: #FFFF00;
}

.red2black, a.red2black, a.red2black:link, 
a.red2black:visited, a.red2black:active
{
    text-decoration: none;
    color: #D52E00;
}
a.red2black:hover
{
    text-decoration: none;
    color: #000000;
}

.black2blue, a.black2blue, a.black2blue:link, 
a.black2blue:visited, a.black2blue:active
{
    text-decoration: none;
    color: #000000;
}
a.black2blue:hover
{
    text-decoration: none;
    color: #237BD1;
}

.blue2black, a.blue2black, a.blue2black:link, 
a.blue2black:visited, a.blue2black:active
{
    text-decoration: none;
    color: #237BD1;
}
a.blue2black:hover
{
    text-decoration: none;
    color: #333333;
}

.orange2gray, a.orange2gray, a.orange2gray:link, 
a.orange2gray:visited, a.orange2gray:active
{
    color: #FF9600;
    text-decoration: none;
}
a.orange2gray:hover
{
    color: #333333;
}

.green2gray, a.green2gray, a.green2gray:link, 
a.green2gray:visited, a.green2gray:active
{
    color: #83A400;
    text-decoration: none;
}
a.green2gray:hover
{
    color: #333333;
}

.black2red, a.black2red, a.black2red:link, 
a.black2red:visited, a.black2red:active
{
    text-decoration: none;
    color: #000000;
}
a.black2red:hover
{
    text-decoration: none;
    color: #CC0000;
}

.black2white, a.black2white, a.black2white:link, 
a.black2white:visited, a.black2white:active
{
    text-decoration: none;
    color: #000000;
}
a.black2white:hover
{
    text-decoration: none;
    color: #CC0000;
}

.peach2white, a.peach2white, a.peach2white:link, 
a.peach2white:visited, a.peach2white:active
{
    text-decoration: none;
    color: #C2B195;
}
a.peach2white:hover
{
    text-decoration: none;
    color: #FFFFFF;
}

.blue2red, a.blue2red, a.blue2red:link, 
a.blue2red:visited, a.blue2red:active
{
    text-decoration: none;
    color: #237BD1;
}
a.blue2red:hover
{
    text-decoration: none;
    color: #EA0000;
}

.cyan2gray, a.cyan2gray, a.cyan2gray:link, 
a.cyan2gray:visited, a.cyan2gray:active
{
    text-decoration: none;
    color: #22A4CC;
}
a.cyan2gray:hover
{
    text-decoration: underline;
    color: #333333;
}

.blue2red, a.blue2red, a.blue2red:link, 
a.blue2red:visited, a.blue2red:active
{
    text-decoration: none;
    color: #237BD1;
}
a.blue2red:hover
{
    text-decoration: none;
    color: #EA0000;
}

.cyan2red, a.cyan2red, a.cyan2red:link, 
a.cyan2red:visited, a.cyan2red:active
{
    text-decoration: none;
    color: #22A4CC;
}
a.cyan2red:hover
{
    text-decoration: none;
    color: #FF5756;
}

.border
{
    padding: 1px;
    border: 1px solid #D6D6D6;
}
.border2
{
    padding: 2px;
    border: 1px solid #bbbbbb;
}

.combo_box
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
    height: 20px;
}

.txt_box
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    height: 16px;
    border: 1px solid #c5c5c5;
}

.cur
{
    cursor: pointer;
    cursor: hand;
}
.pan_bg
{
    background-repeat: repeat-x;
    background-position: left bottom;
}

.top_dot_line
{
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #CCCCCC;
}

.right_dot_line
{
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: #CCCCCC;
}

.bot_dot_line
{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCCCCC;
}

.left_dot_line
{
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #CCCCCC;
}


.top_line
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}


.right_line
{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}

.bot_line
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.left_line
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
}

.lh14
{
    line-height: 14px;
}
.lh16
{
    line-height: 16px;
}
.lh18
{
    line-height: 18px;
}
.lh20
{
    line-height: 20px;
}
.lh22
{
    line-height: 22px;
}
.lh24
{
    line-height: 24px;
}

.sep1
{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #94968A;
}


.containerbgt
{
    background: url(br_cont_t.PNG);
}

.containerbgb
{
    background: url(br_cont_b.PNG);
}

.containerbgr
{
    background: url(br_cont_r.PNG);
}

.containerbgl
{
    background: url(br_cont_l.PNG);
}

.cream_top_bg
{
    background-image: url(c-c.png);
    background-repeat: repeat-x;
}

.cream_bottom_bg
{
    background-image: url(c-c-b.png);
    background-repeat: repeat-x;
}

.cream_mid_left
{
    background-image: url(c-l-m.png);
    background-repeat: repeat-y;
}

.cream_mid_right
{
    background-image: url(c-r-m.png);
    background-repeat: repeat-y;
}
.TitleHR
{
    height: 1px;
    background-color: #86C8DE;
    border: 0;
    color: #86C8DE;
}

