﻿/************/
/*** SITE ***/
/************/

.more			{ background: transparent url(../images/icons/more.gif) 0 0 no-repeat; cursor: pointer; white-space: nowrap; padding-left: 12px; }
.less			{ background: transparent url(../images/icons/less.gif) 0 0 no-repeat; cursor: pointer; white-space: nowrap; padding-right: 16px; }
.star           { background: transparent url(../images/icons/star.png) 0 0 no-repeat; white-space: nowrap; padding-right: 12px; padding-bottom: 8px;  }
.starb          { background: transparent url(../images/icons/starb.png) 0 0 no-repeat; white-space: nowrap; padding-right: 12px; padding-bottom: 8px;  }
a:active, 
a:focus 		{ outline:0; }

#site           { clear: both; float: none; margin: 10px 0px 0px 10px; padding: 0px; width: 940px; min-height: 550px; }
#site_left      { float: left;  margin: 10px 0px 0px 0px; padding: 0px; width: 660px; }
#site_market    { float: left;  margin: 0px; padding: 0px; width: 940px; margin-top: 10px; min-height: 550px; }
#site_map_left  { float: left;  margin: 0px; padding: 0px; width: 660px; }
#site_right     { float: right; margin: 10px 0px 0px 0px; padding: 0px; width: 260px; }
#site_right img { padding: 0px; max-width: 260px; margin: auto; }

#site_main      { float: left;  margin: 0px 0px 20px 0px; padding: 0px; width: 660px; }
#site_main p    { font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }

.site_banner     { clear: both; width: 660px; height: 240px; border:1px solid #CCCCCC; margin: 0px 0px 10px 0px; padding: 0px; }
.site_bannerc    { position: relative; width: 660px; height: 240px; margin: 0px; padding: 0px;  } 
.site_banner img { padding: 1px; border:1px solid #cccccc}

.site_title    { margin: 0px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; }
.site_subtitle { font-family: Tahoma; font-size: 12px; font-weight:bold; color: #C00000; }

.home_left_box { float: left; width: 680px; margin: 0px; padding: 0px; }
.hbox          { float: left; width: 210px; height: 200px; border:1px solid #cccccc; margin: 0px 13px 10px 0px; padding: 0px; }
.hbox_content  { position: relative; left: 10px; top: 10px; width: 190px; height: 190px; margin: 0px; padding: 0px; } 
.hbox h1       { position: relative; margin: 0px; color:#C00000; font-weight:bold; text-transform:uppercase; font-size:13px; }
.hbox h2       { position: relative; margin: 0px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; border-bottom: solid 1px #1F497D; }
.hbox p        { position: relative; margin: 0px; top: 10px; font-size: 11px; color: #666666; }
.hbox a.bottom { position: absolute; right: 5px; bottom: 5px; font-size: 11px; color:#1F497D;}
.hbox img      { padding:1px; border:1px solid #cccccc; }

.slot           { clear: both; width: 260px; height: 90px; border:1px solid #cccccc; margin: 0px 0px 10px 0px; padding: 0px; }
.slot_content   { position: relative; width: 260px; height: 90px; margin: 0px; padding: 0px;  } 
.slot img       { padding:1px; border:1px solid #cccccc}
.slot h1        { position: relative; left: 10px; top: 5px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 8px 0px;}
.slot p         { position: relative; left: 10px; font-size: 10px; color: #666666; }
.slot a.bottom  { position: absolute; left: 10px; bottom: 5px; font-size:10px; color:#1F497D;}
.slot p.right   { position: absolute; right: 10px; font-size: 10px; color: #666666; text-align: right; }

#site_content      { float: left; width: 660px; margin: 0px; padding: 0px; }
#site_content h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#site_content h2   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#site_content h3   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 12px; font-weight:bold; color: #1F497D; }
#site_content p    { position: relative; font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }
#site_content a    { font-size:11px; color:#1F497D;}
#site_content img  { margin: auto; }

#contactus         { clear: both; width: 600px; height: 500px; border:1px solid #CCCCCC; margin: auto; margin-bottom: 20px; padding: 0px; }

#video_left      { float: left;  margin: 0px; padding: 0px; width: 360px;  }
#video_left h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#video_right     { float: right; margin: 30px 0 0 0; padding: 0; width: 560px; height: 400px;  }
#player_info     { clear: both; margin: 5px 0px 0px 0px; padding: 0px; width: 560px; height: 50px;  }
.video_search           { float: left; width: 360px; height: 300px; border: solid 1px #CCCCCC; margin: 0; padding: 0; background: url(../images/videos.jpg) 100% 100% no-repeat; }
.video_search .cnt      { padding: 10px 10px; text-align: right; line-height: 2.5em; }
.video_search select    { width: 245px; font-size: 12px; }
.video_search a.btn	  	    { display: block !important; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; color: #FFFFFF; background: #1F497D; border: 1px solid #FFFFFF; width: 100px; height: 20px; margin: 10px 0 0 10px; padding: 0 0 6px 0; text-transform: uppercase; }
.video_search a.btn:hover   { display: block !important; text-decoration: none; background: #990000; }
.box_list_loader            { margin: 0; padding: 0; position: relative; top: 40px; left: 450px; width: auto; display: none; }
.video_result    { float: left; width: 940px; min-height: 150px; margin: 0 0 20px 0; }
.player_video    { width: 560px; height: 340px; }

.vbox           { float: left; width: 300px; height: 110px; border:1px solid #cccccc; margin: 0px 10px 10px 0px; padding: 0px; }
.vbox_content   { position: relative; width: 300px; height: 110px; margin: 0px; padding: 0px;  } 
.vbox img       { position: absolute; width: 120px; height: 90px; top: 10px; left: 5px; border: solid 1px #CCCCCC; }
.vbox_text      { position: absolute; top: 10px; left: 130px; width: 165px; height: 95px; margin: 0px; padding: 0px;  } 
.vbox h1        { position: relative; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; margin: 0px 0px 5px 0px; }
.vbox p         { position: relative; font-size: 10px; color: #666666; }
.vbox a         { color: #1F497D; text-decoration: none; }
.vbox a:hover   { color: #C00000; }
.vbox a.bottom  { position: absolute; top: 80px; left: 10px; font-size:10px; color:#1F497D;}
.vbox a.more    { position: absolute; bottom: 3px; font-size: 10px; color:#1F497D; }

.vinfo          { float: left; width: 560px; height: 50px; border:1px solid #cccccc; margin: 0px; padding: 0px; }
.vinfo_text     { position: relative; top: 5px; left: 5px; width: 550px; height: 45px; margin: 0px; padding: 0px;  } 
.vinfo h1       { position: relative; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; margin: 0px; }
.vinfo p        { position: relative; font-size: 10px; color: #666666; }

.vinfo a         { color: #1F497D; text-decoration: none; }
.vinfo a:hover   { color: #C00000; }
.vinfo a.more    { position: absolute; right: 5px; bottom: 5px; font-size:10px; color:#1F497D; }
.vinfo a.more2   { position: absolute; right: 5px; bottom: 20px; font-size:10px; color:#1F497D;}

#communities      { width: 600px; margin: auto; padding: 0px; }
#communities h1   { margin: 20px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#communities h2   { margin: 20px 0px 0px 0px; padding: 0xp; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#communities h3   { margin: 0px; padding: 0xp; font-family: Tahoma; font-size: 11px; font-weight:bold; color: #1F497D; }
#communities p    { position: relative; font-size: 11px; line-height: 120%; color: #666666; }

#about_main      { float: left; margin: 0px 0px 20px 0px; padding: 0px; width: 660px; }
#about_main h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#about_main h2   { margin: 20px 0px 10px 0px; padding: 0xp; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#about_main h3   { position: relative; color:#1F497D; font-weight:bold; font-size:12px; margin: 0px; }
#about_main ul   { margin: 0px; padding: 0px; list-style: disc outside; }
#about_main li   { margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px; line-height: 150%; }
#about_main p    { font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }
#about_main a       { position: relative; font-size: 11px; color:#1F497D; text-decoration: none;}
#about_main a:hover { color:#C00000; }
#about_main a.bottom  { position: relative; left: 10px; font-size:11px; color:#1F497D; text-decoration: none;}
#about_main a:hover.bottom  { color:#C00000; }
#about_main a.top  { position: relative; float: right; top: 10px; font-size:11px; color:#1F497D; text-decoration: none;}
#about_main a:hover.top  { color:#C00000; }

#about_menu      { float: right; margin: 0px; padding: 0px; width: 260px; }
.about_box       { clear: both; width: 260px; min-height: 400px; border: 1px solid #CCCCCC; margin: 0px; padding: 0px; }
.about_box h1        { position: relative; left: 10px; top: 6px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 12px 0px;}
.about_box a.bottom  { position: relative; left: 10px; top: 0px; font-size:10px; color:#1F497D; text-decoration: none;}
.about_box a:hover.bottom  { color:#C00000; }

.licenses_box   { float: left; width: 680px; margin: 0px; padding: 0px; }
.libox          { float: left; width: 320px; height: 140px; border:1px solid #cccccc; margin: 0px 18px 10px 0px; padding: 0px; }
.libox_content  { position: relative; left: 10px; top: 10px; width: 310px; height: 120px; margin: 0px; padding: 0px; color: #666666; } 
.libox_title    { position: relative; margin: 0px; font-size: 11px; color: #333333; font-weight:bold; }

#login           { clear: both; width: 400px; height: 160px; border:1px solid #cccccc; margin: 60px auto 0px auto; padding: 0px; }
.admin_btn       { border:1px solid #cccccc; background-color: #1F497D; font-family: Tahoma; font-size: 11px; text-transform: uppercase; color: #FFFFFF; min-width: 60px; min-height: 20px; border: solid 1px #FFFFFF; }
.admin_not_login { font-size: 11px; font-weight:bold; color: #C00000; }

.slot_union     { width: 260px; height: 217px; margin: 0px 0px 10px 0px; padding: 0px; }
.slot_union img { border: none; }

.list               { width: 660px; border: none; margin: 10px 0 20px 0; padding: 0; }
.list th            { font-size: 11px; font-weight: bold; background-color: #B0BFD2; height: 20px; }
.list th a          { color: #1F497D; text-decoration: none;}
.list td            { font-size: 11px; border-bottom: 1px solid #CCCCCC; }
.list td a          { color: #1F497D; text-decoration: none; }
.list td a:hover    { background-color: #B0BFD2; text-decoration: none; }

/******************/
/*** MARKET BOX ***/
/******************/

.box			    { position: relative; margin: 0 0 10px 0; padding: 0; width: 940px; }
.box .top 		    { width: 100%; height: 10px; background: url(../images/box/box_tl.gif) no-repeat left top; }
.box .top .tr	    { position: relative; display: block; height: 10px; background: url(../images/box/box_tr.gif) no-repeat right top; cursor: default; }
.box .bottom 	    { width: 100%; height: 10px; background: url(../images/box/box_bl.gif) no-repeat left bottom; }
.box .bottom .tr    { position: relative; display: block; height: 10px; background: url(../images/box/box_br.gif) no-repeat right top; }
.box .cnt		    { position: relative; min-height: 1px; padding: 0 10px 0 10px; margin: 0; background: #E1E1E1; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; overflow: auto; }
.box .topb 		    { width: 100%; height: 30px; background: url(../images/box/boxb_tl.gif) no-repeat left top; }
.box .topb .tr	    { position: relative; display: block; height: 30px; background: url(../images/box/boxb_tr.gif) no-repeat right top; cursor: default; }
.box .topb .tr_title	{ margin: 0; padding: 0; position: relative; float: left;  top: 7px; left: 10px; text-align: left; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.box .topb .tr_sort { position: relative; float: right; top: 5px; right: 6px; font-size: 11px; color: #FFFFFF; }
.box .topb select   { border: 1px solid #666666; font-family: Verdana; font-size: 10px; color: #666666; padding: 2px; }

.box .cnt_list      { position: relative; float: left;  margin: 10px 0 0 0; padding: 0; width: 480px; z-index: 100; }
.box .cnt_map       { position: relative; float: right; margin: 10px 0 0 0; padding: 0; width: 390px; min-height: 330px; z-index: 105; }
.box .box_map       { position: relative; float: right; width: 370px; margin: 0 0 0 4px; padding: 0; }

#toggler            { position: relative; float: right; width: 16px; height: 300px; background: #CCCCCC url("../images/toggler/toggler_off_bg.gif") no-repeat left center; }  
#toggler:hover      { background: #B0BFD2 url("../images/toggler/toggler_off_bg.gif") no-repeat -25px center; cursor: pointer; }  
#toggler.off        { background: #CCCCCC url("../images/toggler/toggler_bg.gif") no-repeat left center; margin-left: 0; }  
#toggler.off:hover  { background: #B0BFD2 url("../images/toggler/toggler_bg.gif") no-repeat -25px center; margin-left: 0; } 

.box .cnt_videos    { position: relative; float: left;  margin: 10px 0 0 0; padding: 0; width: 920px; z-index: 110; }
.box .vpage         { position: relative; float: left;  margin: 0 auto 0 auto; padding: 5px 0 0 0; width: 920px; height: 20px; color: #1F497D; text-align: center; border: none; font-size: 10px; background-color: #B0BFD2; }
.box .vpage .sel    { color: #FF0000; font-weight: bold; text-decoration: none; padding: 2px; background: none; }
.box .vpage a       { color: #1F497D; font-weight: bold; text-decoration: underline; background: none; }
.box .vpage a:hover { color: #FF0000; font-weight: bold; text-decoration: underline; background: none; }

.box .boxv          { position: relative; float: left; width: 300px; height: 100px; border: 1px dotted #999999; margin: 0 0 10px 0; padding: 0; }
.box .boxv cnt      { position: relative; width: 300px; height: 100px; margin: 0; padding: 0; } 
.box .boxv img      { position: absolute; width: 120px; height: 90px; top: 5px; left: 5px; border: none; }
.box .boxv_text     { position: absolute; width: 165px; height: 90px; top: 5px; left: 130px; margin: 0; padding: 0; } 
.box .boxv a        { color: #1F497D; text-decoration: none; }
.box .boxv a:hover  { color: #C00000; }

.filter             { position: relative; float: left; width: 920px; margin: 0 auto 0 auto; padding: 0; background: #E1E1E1; overflow: auto; }
.filter select      { border: 1px solid #666666; font-family: Verdana; font-size: 10px; color: #666666; padding: 2px; }
.filter input       { border: 1px solid #666666; font-family: Verdana; font-size: 10px; color: #666666; padding: 3px; }
.filter input[type=radio]   { position: relative; float: left;  border: none; width: 20px; padding: 1px 0 0 0; }
.filter label       { position: relative; float: left; margin: 0 10px 0 0px; padding: 2px 0 0 0; }
.filter img         { border: none; text-decoration: none; }
.filter .box        { position: relative; float: left;  width: 915px; margin: 0; padding: 0; font-size: 11px; color: #333333; }
.filter .boxl       { position: relative; float: left;  margin: 0; padding: 2px 5px 2px 0; }
.filter .boxr       { position: relative; float: right; margin: 0; padding: 0; }
.filter .boxs       { position: absolute; float: right; margin: 0; padding: 0; right: 0; bottom: 0; }
.filter .title      { color: #1F497D; font-size: 12px; font-weight: bold; padding: 0 0 2px 0; }
.filter a           { color: #1F497D; text-decoration: none; font-size: 11px; font-weight: bold; } 
.filter a:hover     { color: #1F497D; text-decoration: underline; }

/********************/
/*** MARKETS LIST ***/
/********************/

.loader             { display:none; background-color: #FFFFFF; width: 200px; height: 70px; border: 1px solid #CCCCCC; z-index: 10000; font-family: Verdana; font-size: 20px; color: #999999; text-align: center; padding: 0; -moz-box-shadow:0 0 5px 5px #000; -webkit-box-shadow: 0 0 5px #999999; }
.loader img         { position: relative; float: left; top: 5px; left: 5px; }
.loader .title      { position: relative; float: left; top: 22px; left: 18px; } 

.tsmall             { position: relative; float: left; width: 520px; }
.tbig               { position: relative; float: left; width: 890px; }

.mlist              { border: none; margin: 0; padding: 0; border-collapse: collapse;  }
.mlist th           { font-size: 11px; color: #1F497D; font-weight: bold; background-color: #B0BFD2; height: 22px; }
.mlist td           { font-size: 11px; border-bottom: 1px solid #CCCCCC; height: 18px; }
.mlist th.school    { font-size: 10px; color: #1F497D; font-weight: bold; background-color: #B0BFD2; height: 16px; }
.mlist td.school    { font-size: 11px; border-bottom: 1px solid #CCCCCC; height: 18px; background: #FFFFFF; }
.mlist td a         { color: #1F497D; text-decoration: none; background: none; }
.mlist td a:hover   { color: #FF0000; text-decoration: none; background: none; }
.mlist td a.more    { background: transparent url(../images/icons/_more.png) 0 0 no-repeat; cursor: pointer; white-space: nowrap; padding-left: 16px; }
.mlist td a.less    { background: transparent url(../images/icons/_less.png) 0 0 no-repeat; cursor: pointer; white-space: nowrap; padding-left: 16px; }
.mlist td.title     { font-size: 16px; font-weight: bold; color: #1F497D; border: none; } 
.mlist td.panel	    { border: none; }
.mlist td.com       { border: none; height: 0; margin: 0; padding: 0; }
.mlist th.page           { color: #1F497D; text-align: center; border: none; height: 22px; font-size: 10px; }
.mlist th.page .sel      { color: #FF0000; font-weight: bold; text-decoration: none; padding: 2px; background: none; }
.mlist th.page a         { color: #1F497D; font-weight: bold; text-decoration: underline; background: none; }
.mlist th.page a:hover   { color: #FF0000; font-weight: bold; text-decoration: underline; background: none; }

.box_school                 { position: relative; float: left; margin: 0 0 15px 0; padding: 0; display: none; overflow: auto;  }
.box_com                    { position: relative; float: left; margin: 5px 0 10px 5px; padding: 0; display: none; overflow: auto; background: #FFFFFF; border: 1px solid #CCCCCC; }

/*********************/
/*** COMMUNITY BOX ***/
/*********************/

.box_com .title             { font-size: 12px; font-weight: bold; color: #1F497D; }
.box_com .sm                { width: 510px; margin: 0; padding: 0; }
.box_com .sm .cnt           { width: 490px; margin: 10px; padding: 0; background: #FFFFFF; border: none; font-size: 11px; color: #666666; line-height: 1.4em; }
.box_com .sm .cnt a img     { width: 70px; height: 24px; margin: 0 0 5px 0; }
.box_com .sm .cnt .detail   { width: 410px; position: relative; float: left;  margin: 0; padding: 0; }
.box_com .sm .cnt .buttons  { width:  70px; position: relative; float: right; margin: 0; padding: 0; text-align: right; }
.box_com .sm .cnt .price    { width: 240px; position: relative; float: left;  margin: 0; padding: 0; }
.box_com .sm .cnt .broker   { width: 240px; position: relative; float: right; margin: 0; padding: 0; text-align: right; }
.box_com .sm .cnt img       { position: relative; float: left; width: 160px; height: 120px; margin: 0 10px 0 0; }
.box_com .sm .tabs          { list-style: none; margin: 0 !important; padding: 0; height: 25px; border-bottom: 1px solid #666666; }
.box_com .sm .tabs li       { float: left; text-indent: 0; margin: 0 !important; padding: 0; list-style-image: none !important; }
.box_com .sm .tabs a        { background: url(../images/tabs/tabs.png) no-repeat 0 0; font-size: 11px; display: block; height: 25px; line-height: 25px; width: 91px; text-align: center; text-decoration: none; color: #333333; padding: 0; margin: 0; position: relative; top: 1px; }
.box_com .sm .tabs a:active { outline: none; }
.box_com .sm .tabs a:hover  { background-position: 0 -26px; color: #ffffff; }
.box_com .sm .tabs .current, .tabs .current:hover, .tabs li.current a { background-position: 0 -52px; cursor: default !important; color: #ffffff !important; }
.box_com .sm .panes div     { display: none; padding: 10px 10px 10px 10px; border: 1px solid #999999; border-top: none; min-height: 100px; font-size: 11px; background-color: #E1E1E1; overflow: auto; }


.box_com .sm .lf            { width: 240px; position: relative; float: left;  margin: 0 0 5px 0; }
.box_com .sm .rt            { width: 240px; position: relative; float: right; margin: 0 0 5px 0; }
.box_com .cnt_big           { width: 874px; padding: 8px; }
.box_com .cnt_big .lf       { width: 560px; position: relative; float: left; }
.box_com .cnt_big .rt       { width: 300px; position: relative; float: right; text-align: right; line-height: 1.4em; }

.box_com .floorplans        { width: 470px; position: relative; float: left; margin: 10px 0 5px 0; padding: 0; }
.box_com .list              { width: 470px; border: none; margin: 0; padding: 0; border-collapse: collapse; }
.box_com .list th           { font-size: 11px; color: #1F497D; font-weight: bold; background-color: #B0BFD2; height: 18px; }
.box_com .list td           { font-size: 11px; border-bottom: 1px solid #CCCCCC; height: 16px; }
.box_com .list td a         { color: #1F497D; text-decoration: none; background: none; }
.box_com .list td a:hover   { color: #FF0000; text-decoration: none; background: none; }

/*
.box_com .cnt_small .list   { width: 472px;  }
.box_com .cnt_small .list .navi               { margin: 0 auto 0 auto; width: 100px; height: 16px;  }
.box_com .cnt_small .list .navi a             { width: 8px; height: 8px; float: left; margin: 3px; background: url(../images/navi/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; }
.box_com .cnt_small .list .navi a:hover       { background-position:0 -8px; }
.box_com .cnt_small .list .navi a.active      { background-position:0 -16px; }

.box_com .cnt_small .list .scrollable         { position: relative; overflow: hidden; width: 472px; height: 75px; }
.box_com .cnt_small .list .scrollable .items  { width: 20000em; position: absolute; clear: both; }
.box_com .cnt_small .list .items div          { float:left; width: 472px; }
.box_com .cnt_small .list .scrollable img     { float:left; margin: 0 12px 2px 0; background-color: #FFFFFF; padding: 2px; border: 1px solid #cccccc; width: 100px; height: 75px; -moz-border-radius:4px; -webkit-border-radius:4px; }
*/


/*
.box .top 		    { width: 100%; height: 10px; background: url(../images/box/box_tl.gif) no-repeat left top; }
.box .top .tr	    { position: relative; display: block; height: 10px; background: url(../images/box/box_tr.gif) no-repeat right top; cursor: default; }
.box .bottom 	    { width: 100%; height: 10px; background: url(../images/box/box_bl.gif) no-repeat left bottom; }
.box .bottom .tr    { position: relative; display: block; height: 10px; background: url(../images/box/box_br.gif) no-repeat right top; }
.box .cnt		    { position: relative; min-height: 1px; padding: 0 10px 0 10px; margin: 0; background: #E1E1E1; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; overflow: auto; }
.box .topb 		    { width: 100%; height: 30px; background: url(../images/box/boxb_tl.gif) no-repeat left top; }
.box .topb .tr	    { position: relative; display: block; height: 30px; background: url(../images/box/boxb_tr.gif) no-repeat right top; cursor: default; }
.box .topb .tr_title	{ margin: 0; padding: 0; position: relative; float: left;  top: 7px; left: 10px; text-align: left; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.box .topb .tr_sort { position: relative; float: right; top: 5px; right: 6px; font-size: 11px; color: #FFFFFF; }
.box .topb select   { border: 1px solid #666666; font-family: Verdana; font-size: 10px; color: #666666; padding: 2px; }
.box .cnt_list      { position: relative; float: left;  margin: 10px 0 0 0; padding: 0; width: 480px; z-index: 100; }
.box .cnt_map       { position: relative; float: right; margin: 10px 0 0 0; padding: 0; width: 420px; min-height: 300px; z-index: 105; }
.box .box_map       { position: relative; float: right; width: 400px; margin: 0 0 0 4px; padding: 0; }
*/


/*************/
/*** POPUP ***/
/*************/

.popup_image        { display:none; background-color: #FFFFFF; min-width: 100px; min-height: 100px; border: 1px solid #CCCCCC; z-index: 10000; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.popup_image .close { background-image:url(../images/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.popup_image img    { position: relative; float: left; max-width: 780px; margin: 10px; padding: 0; text-align: center;  }

.popup_video                { display:none; background-image: url(../images/overlay/transparent.png); width: 560px; margin: 0; padding: 30px; z-index: 9990; }
.popup_video .close         { background-image: url(../images/overlay/close.png); position: absolute; right: 0; top: 0; cursor:pointer; height:35px; width:35px; }
.popup_video .popup_cnt     { position: relative; float: left; width: 560px; height: 340px; margin: 0; padding: 0; }
.popup_video h1             { font-size: 12px; font-weight: bold; margin: 0; color: #FFFFFF; }
.popup_video .popup_title   { position: relative; float: left; margin: 5px 0 0 0; font-size: 11px; color: #FFFFFF; }

/**************/
/*** PANELS ***/
/**************/

.search_box         { width: 200px; display: none; float: left; margin: 0; padding: 0; border: 1px solid #666666; overflow: hidden; z-index: 1000; }
.address_box        { width: 370px; position: relative; float: left; left: 55px; display: none; float: left; margin: 0; padding: 0; border: 1px solid #666666; overflow: hidden; z-index: 1000; }
.school_box         { width: 280px; position: relative; float: left; left: 47px; display: none; float: left; margin: 0; padding: 0; border: 1px solid #666666; overflow: hidden; z-index: 1000; }
.display_box        { padding: 4px; border-top: none; font-size: 10px; height: 12px; background: #FFFFFF; }
.display_box:hover 	{ background: #1F497D; color: #FFFFFF; }
.display_box_title  { padding: 4px; border-top: none; font-size: 10px; height: 12px; background: #CCCCCC; color: #1F497D; font-weight: bold; }

