@charset "utf-8";
/******************   style init   ************************/
body,form,select  {margin:0;padding:0;}
table,td,th,tr    {margin:0;padding:0;}
fieldset,img      {margin:0;padding:0;border:none;}
input,textarea    {font-size:1em;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
p,pre,ul,ol,dl    {margin:0;padding:0;}
blockquote,dd     {margin:0;padding:0;margin-left:1em;}
dt                {margin-left:1em;}
li                {list-style:none;margin-left:1em;}
/*********************************************************/

*         { scrollbar-face-color:#ffffff;
			scrollbar-3dlight-color:#ddeeff;
			scrollbar-shadow-color:#bbccdd;
			scrollbar-highlight-color:#99aabb;
			scrollbar-darkshadow-color:#778899;
			scrollbar-arrow-color:#ddddff;
			scrollbar-track-color:#cfcffc;}

body      { color:#001144;background-color:#ffffff;
			font-size:12px;font-weight:normal;
			font-family:monospace,sans-serif,Verdana,fantasy,serif,cursive;
			direction:ltr;unicode-bidi:bidi-override;
			margin:5px;}

a:link    { text-decoration: none;color:rgb(65,60,105);height:auto;}
a:visited { text-decoration: none;color:rgb(65,60,105);height:auto;}
a:active  { text-decoration: none;color:rgb(241,96,67);height:auto;}
a:hover   { text-decoration: none;color:rgb(241,96,67);top:1px;left:0;margin:auto auto;height:auto;}


div.controllink { text-align:left;width:180px;padding-left:20px}

a.controlmenu:link,a.controlmenu:visited,
a.controlmenu:active  { letter-spacing:0.05em;height:auto;
						text-align:left;text-decoration:none;
						border:1px solid #f2f1f6;
						padding-top:0.2em;padding-left:20px;
						padding-bottom:0.2em;
						background-color:transparent;
						background-image:url(./gt.gif);
						background-position:left center;
						background-repeat:no-repeat;}
a.controlmenu:hover   { border:1px solid #333334;
						background-color:#eee;padding-right:25px;
						background-image:url(./gt2.gif);}

img.logo          { margin-left:10px;}
img.logoimg       { margin-left:10px;}
img.titleimg      { margin-right:15px;}

p                 { text-align:left;line-height:1.8em;display:inline;padding:15px;
			        border-bottom:2px dotted #bbbbbb;padding-bottom:0.1em;}

div.container     { background-color:#f2f1f6;}
div.side          { float:left;width:25%;text-align:center;border-right:1px ridge #999999;
					padding-top:20px;padding-bottom:150px;
					line-height:180%;}
div.main          { float:right;width:70%;padding:10px;text-align:left;}
div.tail          { clear:both;}

div.section_spacer{ height:5px;}
div.title_spacer  { font-size:1px;height:1px;background-color:#000000;margin:0 7px;}
div.footer        { text-align:right;margin-right:20px;font-size:11px;}
td.subtitle       { font-size:10px;font-weight:bold;color:#ffffff;
					vertical-align:middle;text-align:left;
					text-shadow:#444488 2px 2px;
					letter-spacing:0.05em;
					filter:DropShadow(color=#444488,offX=2,offY=2);}
span.subtitle     { letter-spacing:0.05em;font-weight:bold;color:#888888;height:auto;
					text-decoration:underline;padding-bottom:0.2em;}

.roundedcornr_box         { background: #6688ee url(roundedcornr_grad.gif) no-repeat;}
.roundedcornr_top div     { background: url(roundedcornr_tl.gif) no-repeat top left;}
.roundedcornr_top         { background: transparent url(roundedcornr_tr.gif) no-repeat top right;}
.roundedcornr_bottom div  { background: url(roundedcornr_bl.gif) no-repeat bottom left;}
.roundedcornr_bottom      { background: transparent url(roundedcornr_br.gif) no-repeat bottom right;}
.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {width:100%;height:10px;font-size:1px;}

.roundedcornr_content        { padding:10px;}
.roundedcornr_box_top        { background: #555555 url(roundedcornr_top_grad.gif) repeat-x top left;}
.roundedcornr_top_top div    { background: url(roundedcornr_top_tl.gif) no-repeat top left;}
.roundedcornr_top_top        { background: transparent url(roundedcornr_top_tr.gif) no-repeat top right;}
.roundedcornr_bottom_top div { background: url(roundedcornr_top_bl.gif) no-repeat bottom left;}
.roundedcornr_bottom_top     { background: transparent url(roundedcornr_top_br.gif) no-repeat bottom right;}
.roundedcornr_top_top div, .roundedcornr_top_top,
.roundedcornr_bottom_top div, .roundedcornr_bottom_top {width:100%;height: 3px;font-size: 1px;}



div#userlayer { visibility:hidden;position:absolute;top:0px;left:0;
				z-index:100;width:0px;height:0px;
				background-image:url(./filter.jpg);background-repeat:repeat-x;
				border:2px ridge #ccccdd;}
img#pagefilter{ visibility:hidden;position:absolute;top:0;left:0;
				z-index:99;width:0px;height:0px;filter:alpha(opacity=70);
				-moz-opacity:0.7;opacity:0.7;cursor:pointer;}
img#mail      { cursor:pointer;}

iframe             { border:0px;height:22px;width:45px;overflow:hidden;}
span#updatemsg     { color:#cc4444;font-weight:bolder;}
div#imagesetting   { margin-left:5px;padding:5px;display:none;border:1px ridge #446699;}
span#imageupload   { margin-left:5px;padding:5px;display:none;border:1px ridge #446699;}
div#upload_detail  { display:none;float:clear;}
span#photo_ins_msg { display:none;margin-left:30px;}
input.attach       { font-size:14px;background-color:#ffffff;width:200px;margin-left:5px;border:1px ridge #cccccc;}
img.new_upload_image  { cursor:pointer;background-color:#ffffff;padding:5px;
						display:none;
						border-top:1px solid #6666aa;
						border-left:1px solid #6666aa;
						border-right:2px solid #444488;
						border-bottom:2px solid #444488;
						}
div#globalopt      { margin:10px;padding:5px;border:2px dotted #ee5588;background-color:#ffffcc;color:#222266;}
div#globalopt th   { color:#ee5588;text-align:center;padding-top:5px;}
span.point         { color:#cc4444;}
td.image_dset      { vertical-align:top;}
img.thumbnail      { background-color:#ffffff;margin:2px;padding:2px;border-bottom:2px solid #aaaaaa;border-right:1px solid #aaaaaa;cursor:pointer;}
img.thumbnailleft  { background-color:#ffffff;margin:2px;padding:2px;border-bottom:2px solid #aaaaaa;border-right:1px solid #aaaaaa;cursor:pointer;}
table#tableSelect  { margin-top:10px;}

img#dispSelectImage{ background-color:#ffffff;margin:2px;padding:4px;cursor:pointer;
					 border-bottom:2px solid #aaaaaa;border-right:2px solid #aaaaaa;
					 border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;}
td#tdSelectMessage { vertical-align:top;}
div#divSelectMessage { height:130px;width:220px;background-color:#ffffff;
						vertical-align:top;color:#444444;border:1px ridge #eeeeee;
						padding:10px;margin:10px;white-space:nowrap;
						word-break:break-all;}
div.samplelist     { width:490px;}
hr    { height:0px;
		filter:alpha(opacity=100,finishopacity=0,style=3);
		border:dashed gray 1px;}
span.usermsg       { font-weight:bolder;}
img.user0 {border:1px ridge #444444;margin:5px;margin-left:45px;}
img.user1 {border:0;margin-left:10px;}
div#uppage  {display:none;border:1px solid #aaaaaf;height:120px;width:10px;cursor:pointer;background-color:#f2f1f6;vertical-align:middle;}
div#downpage{display:none;border:1px solid #aaaaaf;height:120px;width:15px;cursor:pointer;background-color:#f2f1f6;vertical-align:middle;}

