/* CSS Document */

/* 
Document   :dos-style
Created on : 24-Jan-2008, 22:17:00
Author     : DabarObjects Solutions
Description: 
*/

body {
    
    font: bold 11px/1.5em Verdana;
    margin-left: 0px;
	margin-right: 0px;
    margin-top: 0px;
    background: url(../images/page_bg.png) top repeat-x;
    
}
#container2 { width:100%; margin:0 auto;background:url(../images/bg_dark_blue.png) 0 0 repeat-x; }
#container3 { width:100%; margin:0 auto;background: url(../images/love_bg.png) no-repeat; }
#container { width:900px; margin:0 auto;}

.rtop, .rbottom{display:block; }
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px; background:#9BD1FA;}
.r2{margin: 0 3px; background:#9BD1FA;}
.r3{margin: 0 2px; background:#9BD1FA;}
.r4{margin: 0 1px; height: 2px; background:#9BD1FA;}
.contain{background:#9BD1FA;text-align:center;}

h2 {
    letter-spacing: 2px;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    
}
/*
A set of layering CSS for rounded corners
*/
.bl {background: url(../images/bg_green_rounded_bottom_left.gif) 0 100% no-repeat }
.br {background: url(../images/bg_green_rounded_bottom_right.gif) 100% 100% no-repeat;}
.tl {background: url(../images/bg_green_rounded_top_left.gif) 0 0 no-repeat;}
.tr {background: url(../images/bg_green_rounded_top_right.gif) 100% 0 no-repeat ; height:200px; padding: 5px;  }
.tb{ background:url(../images/bg_green_fade_4.png) repeat-x top;}
.tb_inv{ background:url(../images/bg_green_fade_invert_4.png) repeat-x bottom; width:250px;}
.tb_inv2{ background:url(../images/bg_green_fade_invert_4.png) repeat-x bottom; width:250px;}
.clear {font-size: 1px; height: 1px}
.bl2 {background: url(../images/bg_dark_rounded_bottom_left.gif) 0 100% no-repeat #000000; width:270px; }
.br2 {background: url(../images/bg_dark_rounded_bottom_right.gif) 100% 100% no-repeat;}
.tl2 {background: url(../images/bg_dark_rounded_top_left.gif) 0 0 no-repeat;}
.tr2 {background: url(../images/bg_dark_rounded_top_right.gif) 100% 0 no-repeat ; height:500px; padding: 5px; color:#FFFFFF; }

.bl3 {background: url(../images/bg_pink_rounded_bottom_left.gif) 0 100% no-repeat #FB8495;   }
.br3 {background: url(../images/bg_pink_rounded_bottom_right.gif) 100% 100% no-repeat;}
.tl3 {background: url(../images/bg_pink_rounded_top_left.gif) 0 0 no-repeat;}
.tr3 {background: url(../images/bg_pink_rounded_top_right.gif) 100% 0 no-repeat ;   padding: 5px;  }
.bl4 {background: url(../images/bg_white_pink_bottom_left.gif) 0 100% no-repeat  #FFFFFF;   }
.br4 {background: url(../images/bg_white_pink_bottom_right.gif) 100% 100% no-repeat;}
.tl4 {background: url(../images/bg_white_pink_top_left.gif) 0 0 no-repeat;}
.tr4 {background: url(../images/bg_white_pink_top_right.gif) 100% 0 no-repeat ;   }

.tr_reg {background: url(../images/bg_green_rounded_top_right.gif) 100% 0 no-repeat ; height:580px; padding: 5px;  }
.tb_inv_reg{ background:url(../images/bg_green_fade_invert_4.png) repeat-x bottom; width:550px;}
.tb_inv2_reg{ background:url(../images/bg_green_fade_invert_4.png) repeat-x bottom; width:540px;}
.tr2_reg {background: url(../images/bg_dark_rounded_top_right.gif) 100% 0 no-repeat ; padding: 5px;  }


#layer1{
padding:1px;
background-image:url('../images/shades_r1_c1.png');
}
#layer2{
padding:1px;
background-image:url('../images/shades_r1_c2.png');
}
#layer3{
padding:1px;
background-image:url('../images/shades_r1_c3.png');
}
#layer4{
padding:1px;
background-image:url('../images/shades_r1_c4.png');
}
#layer5{
padding:1px;
background-image:url('../images/shades_r1_c5.png')
}
#pageblock{
background: url('../images/base_bg3.png') bottom repeat-x #FFFFFF; 
border:solid 4px #000000;
}
#banner{
height:142px; 
background: url('../images/banner_bg3.png') repeat-x top;
}
#footer{
padding:3px;
background: url('../images/short_pink_fade.png') repeat-x top #FFFFFF; 
height:18px;
}
  .loading
            {
                background: #FFFFFF url('../images/loading.png') no-repeat 50% 50%;
                height: 100px;;
                width: 882px;
            }
#regForm input{
background: url(../images/short_grey_fade.png) repeat-x top ;
border:solid 1px  #FFFFFF;
padding:3px;
color:#FFFFFF; 
}
#regForm li{
padding:5px;
}
a{
    text-decoration:none;
    color:#960001;
}
a:link {
    color: #960001;
    text-decoration:none;
}
a:visited {
    color: #FF3300;
}
a:hover {
    color: #99CC00;
}
a:active {
    color: #960001;
}
img {
    border: none;
}


input{
  background: url(../images/bg_orange_fade_3.png) repeat-x top;
    border:solid 1px #666666;
    padding:1px;
}
ul{
    margin:0px;
    padding:0px;
    
}
li{
    list-style-image:none;
    list-style-type:none;
    text-indent:0;
    padding:0px;
    margin:0px;
}
h2 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
.sideboxBottom {
    font-size: 11px;
    color:#000000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:normal;
    text-transform: none;
    letter-spacing:1px;
}
.sideboxBottom a:link{
    text-decoration:none;
    color: #960001;
}
.sideboxBottom a:hover{
    text-decoration:none;
    color: #99CC00;
}
.sideboxBottom a{
    text-decoration:none;
    color: #960001;
}
.sideboxBottom a:visted{
    text-decoration:none;
    color:#006600;
}
.sideboxmessages {
    font-size: 11px; 
    color:#000000;
    font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:normal;
    text-transform: none;
    letter-spacing:1px;
}
.heading {
    font-size: 15px; 
    color:#000000;
    font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:lighter;
    text-transform: none;
    letter-spacing:1px;
}
.display {
    font-size: 13px; 
    color:#000000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:bold;
    text-transform: none;
    letter-spacing:1px;
}
.sideboxmessages img{
    float:left;
    padding:0px 7px 7px 3px;
    
}

.ordinarymessages {
    font-size:120%;
    color:#000000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:normal;
    text-transform: none;
    letter-spacing:1px;
}
.invitation {
    font-size:110%;
    color:#000000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight:normal;
    text-transform: none;
    letter-spacing:1px;
}


  #tabsD {
            float:left;
            width:100%;
            background:#FCF3F8;
            font-size:93%;
            line-height:normal;
            border-bottom:1px solid #F4B7D6;
        }
        #tabsD ul {
            margin:0;
            padding:10px 10px 0 50px;
            list-style:none;
        }
        #tabsD li {
            display:inline;
            margin:0;
            padding:0;
        }
        #tabsD a {
            float:left;
            background:url("../tableftD.gif") no-repeat left top;
            margin:0;
            padding:0 0 0 4px;
            text-decoration:none;
        }
        #tabsD a span {
            float:left;
            display:block;
            background:url("../tabrightD.gif") no-repeat right top;
            padding:5px 15px 4px 6px;
            color:#DE5E2D;
        }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #tabsD a span {float:none;}
        /* End IE5-Mac hack */
        #tabsD a:hover span {
            color:#C7377D;
        }
        #tabsD a:hover {
            background-position:0% -42px;
        }
        #tabsD a:hover span {
            background-position:100% -42px;
        }
         #tabsD #current a {
                background-position:0% -42px;
        }
        #tabsD #current a span {
                background-position:100% -42px;
        }
       .current a {
	   font-weight:bold;
    background-position:0% -42px;
}
.current a span {
    background-position:100% -42px;
}
		  .loading
              {
                  background: url('../images/loading.gif') no-repeat 50% 50% white;
                  height: 100px;
                  width: 100%;
              }