﻿form{
    margin:0px;
}
body{

}
ul{
   margin:5px;
   padding:0px;
}
li{
    list-style-type:none;
    margin-left:5px;
}
.TabSection
{
    position: relative;
    margin: 0px;
    bottom: 0px;
}
.TabSection li
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom center;
    list-style-type: none;
    padding: 0px;
    padding: 0px 0px 8px;
    margin: 2px 2px 0px 2px;
    display: block;
}
.TabSection li a, .TabSection li a span
{
    background-repeat: no-repeat;
    color: #d9d9d9;
    background-color: White;
    font-weight: bold;
}
.TabSection li a
{
    background-position: top right;
    height: 20px;
    display: block;
    position: relative;
    padding-right: 5px;
    font-size: 10px;
    line-height: 20px;
    float: left;
}
.TabSection li a span
{
    background-position: left top;
    display: block;
    float: left;
    height: 20px;
    padding-left: 10px;
    padding-right: 5px;
    text-decoration: none;
    cursor: pointer;
}
.TabSection li.Active a, .TabSection li.Active a span
{
    background-image: url(../images/token_blue.gif);
    color: White;
}

.FancyBlue li.Active
{
    background-image: url(../images/downArrow.gif);
}

body
{
    margin: 5px;
}

.PageCanvas
{
    border: 1px solid #d9d9d9; /*position:relative;    top:-5px;    left:-5px;        */
    clear: both;
    text-align:center;
}
.PageShim
{
    background-color: #efeeef;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.Corner
{
}

.PageNotification
{
    padding: 2px;
    clear: both;   
    height:30px;
    float:right;
}
.PageNotification .Right
{
        
    line-height: 16px;
    vertical-align: top;
}
.Logo
{
    float: left;
    padding:5px;   
   
   
}
.PageHeader
{
}
.PageFooter{
    background-color:#efefef;
    height:135px;
    border-top:1px solid #d9d9d9;
    background:url(../images/footer_bg.gif) repeat-x ;
    background-position:0px 1px;
    margin-top:5px;
}
.Navigator
{
    position: relative;
    clear:both;
    margin: 0px;
    height: 33px;
    margin-left: 200px;
    
    margin-top:-35px;
    display:block;
    
    bottom:0;
}
.Navigator li
{
    float: left;
    background-image: url(../images/tab_l.gif);
    padding: 0px 0px 0px 9px;
    display: block;
    margin-left: 3px;
    list-style-type: none;
    background-repeat: no-repeat;
    position: relative;
}

.Navigator li a
{
    float: left;
    display: block;
    background-image: url(../images/tab_r.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 4px;
    text-decoration: none;
}
.Navigator li a span
{
    background-image: url(../images/tab_bg.gif);
    height: 31px;
    float: left;
    display: block;
    line-height: 31px;
    color: White;
    padding-left: 10px;
    padding-right:10px;
}
.Navigator li.Active
{
    background-image: url(../images/active_tab_l.gif);
    padding-left: 6px;
    bottom: -1px;
}
.Navigator li.Active a
{
    background-image: url(../images/active_tab_r.gif);
}
.Navigator li.Active a span
{
    background-image: url(../images/active_tab_bg.gif);
    height: 33px;
}
.Submenu
{
    background-image: url(../images/subtabbg.gif);
    border: 1px solid #88d8f7;
    clear: both;
    padding: 5px;
    background-color: #D1F5FF;
    background-repeat: repeat-x;
    text-align:left;
    padding-left:20px;
}
.Submenu .Searchbox{
    background-color:White;
    margin:2px;
}
.DogLogo
{
    width: 140px;
    height: 191px;
    background-image: url(../images/dog.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}
/*
  Column Layout
*/
.TripleLayout
{
    clear: both;
    text-align:left;
}
.TripleLayout .Left
{
    
    float: left;
    margin: 3px;
    width: 200px;
    text-align:left;
}
.TripleLayout .Right
{
    margin: 3px;
    text-align:left;
    width: 200px;
    zoom:1;
    float:right;
}
.TripleLayout .MainContent
{
    margin-left: 210px;
    margin-right: 210px;
    text-align:left;
    margin-top: 3px;
    zoom:1;
}

.SimplePage{
    width:760px;
    margin-left:auto;
    margin-right:auto;
}
.PanelLayout{
   text-align:left;
   width:700px;
   border: 1px solid #d9d9d9;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   padding:10px;
}
.PanelLayout .NaviPanel{
    text-align:center;
    margin:10px;
}
.GroupFormSection{
    
  
    margin:0px;
}
.GroupFormSection dt
{
    font-family: 微软雅黑;
    font-size:12pt;
    padding:5px;
    font-weight:bold;
    color:#3C3C3C;
}
.GroupFormSection dd{
    margin-left:20px;
    padding-top:5px;
    padding-bottom:5px;
}
/*
end of Layout
*/

/*
  Widgets
*/
.Close
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../icons/close.png) no-repeat;
}
.Shared
{
    display: block;
    background: url(../images/share-add.gif) #fff no-repeat 0px 0px;
    overflow: hidden;
    width: 56px;
    text-indent: 8px;
    line-height: 18px;    
    height: 16px;
    text-align: left;
}
.Shared:hover{
    background-position:0px -16px ;
    color:White;
}
.CommandPanel{
    border:1px solid #A8D4FE;
    background-color:#F8FBFF;
    margin-bottom:10px;
    
    zoom:1;
}
.CommandPanel .Caption{
    background:url(../icon/users.png) no-repeat 3px 3px;
    padding-left:30px;
    padding-right:10px;
}
.CommandPanel .Caption h3{
    margin:0px;
    line-height:30px;
    font-size:12pt;
    font-weight:bold;
    color:#2484C9;
    font-family:黑体;
    border-bottom:1px solid #BFBFBF;
}
.CommandPanel ul{
    clear:both;
    
}
.CommandPanel ul.List{
    margin:5px;
    margin-bottom:-1px;
    position:relative;
    padding:0px;
    
    
}

.CommandPanel ul.List li{
    border-bottom:1px solid #DCE1ED;
    height:30px;
    padding-left:10px;
}
.CommandPanel li a{
     color:#2484C9;
     line-height:30px;
}
.CommandPanel ul.Float{
    
}
.CommandPanel ul.Float li{
    float:left;
    width:45%;
}
.Clear{
    clear:both;
}
.UserPhoto{
     width:184px;
     height:220px;
     background:url(../images/photo_frame.gif) no-repeat;
    
     padding-left:10px;
     text-align:left;
     padding-top:10px;
     margin:auto;
}

.UserPhoto a{
    display:block;
    width:150px;
    height:190px;  
}

.LocationAdvisor{
     float: right;width:250px;font-size:12px;
     border:1px solid gray;
     display:none;
}
.LocationAdvisor h3{
    margin:0px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    background-image:url(../icons/help.png);
    background-repeat:no-repeat;
    border-bottom:2px solid #e6e6e6;
    font-size:12pt;
    background-position:left center;
}
.LocationAdvisor p{
    margin:2px;
}
.LocationAdvisor ul{
    margin:0px;
    padding:0px;
}
.LocationAdvisor ul li{
    font-size:12px;       
    padding:5px;
    margin:0px;
}
.LocationAdvisor ul li.ActiveItem
{
    color: White;
    background-color: #333399;
}

.SimpleFactor{
    background-color:#f0f0f0;
    padding:5px;
    float:right;
    width:200px;
    margin-right:20px;
    margin-left:20px;
}
.SimpleFactor h3{
    border-bottom:1px solid gray;
    margin:3px;
    background-image:url(../icons/help.png);
    background-repeat:no-repeat;
    padding:4px;
    padding-left:20px;
    font-size:12px;
    
}
.SimpleFactor ul{

}
.SimpleFactor ul li
{
    list-style-type:disc;
    list-style-position: inside;
    font-size:12px;
}

.LoginForm{
    
    text-align:center;
}
.LoginForm fieldset{
    width:400px;
    padding:10px;
    text-align:left;
    margin:auto;
}
.LoginForm legend{
    font-size:12px;       
}

.UserPhoto{
    background-image:url(../images/photoframe.gif);
    width:94px;
    height:94px;
    padding-left:15px;
    padding-top:15px;             
    margin:2px;
}

.BlueFrame{
    border:1px solid #6BC6E4;
    margin:10px;
    padding:2px;
    
}
.PhotoList{
   
    text-align:left;    
    padding:5px; 
}
.PhotoList .Item{
    float:left;
    border:1px solid white;
    padding:2px;
    margin:2px;
}
.PhotoList .Active{
    border:1px solid #99D8ED;
    background-color:#DCF2F9;
}
.PhotoList .Selected{
    background-color:#BAE5F3;
    border:1px solid #6BC6E4;
}

.Quote{
    padding-left:20px;
    padding-right:20px;
}

.MapSearch{
    font-size:12px;
    padding:3px;
    border:2px solid #69D4FA;
    color:#e6e6e6;
    background-color:Red;
}
.ActiveSearch{
    border:2px solid #69D4FA;
    color:Black;
}