body.custom-background  
{
    }

body 
{
    /* border: 5px solid yellow; */
    width:1100px; height:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    padding: 0 0 0 0;
    /*
    background-image: url('http://ukc.ksea.org/ukc2012/wp-content/uploads/2012/01/bg1.gif'); 
    background-repeat:repeat; 
    background-position: top left; 
    background-attachment: fixed; 
    */
}
#page 
{
    //border: 5px solid red;
	width: 1000px;
	height:100%;
	position: relative;
	margin: 0 auto 0 auto;
}

/* ============== survey ===========================*/
#survey1, #survey2
{
    min-width:400px;
    display:block;
    float:left;
    padding-right:15px;
}




#survey .question UL LI
{
	list-style: none;
}

div.question
{
	clear:left;
	display:block;
	max-width:500px;
	padding-bottom:20px;
}
div.tlast
{
	clear:right;
}
div.ttype
{
	width:200px;
	display:block;
	float:left;
	clear:left;
}
div.tselection
{
	width:100px;
	display:block;
	float:left;
}

.lb
{
	width:90px;
	float:left;
}
	
/* ========= top menu section ==================*/	

/* =============== left column and menu ================*/



.home, .full
{
    padding-top:0px!important;
    width:720px!important;
}

#mainContent h1 
{
    font-family:Courier New;
    font-weight:bolder;
    font-size: 22px;
    color:#ff9933;
    font-style:italic;
    text-shadow: 2px 2px #ccc;
   
}
#mainContent h2 
{
    font-family: Arial, Helvetica,Verdana;
    font-size: 13px;
    color:#333;
    text-indent:15px;
    font-weight:bold;
    background: url(/UKC2012/images/v4/bullet_redarw.gif) no-repeat left center;
    background-image: url(/UKC2012/images/v4/bullet_redarw.gif) no-repeat left center;
    /*text-transform:uppercase;*/
}
#mainContent h3 
{
    margin-left:10px;
    text-indent:23px;
    font-family:Courier New;
    font-size: 14px;
    color:#333333;
    background: url(/UKC2012/images/v4/bullet_yinyen.png) no-repeat left center;
    background-image: url(/UKC2012/images/v4/bullet_yinyen.png) no-repeat left center;
}

#mainContent h4
{
    margin-top:0;
    font-family: Arial, hevetica;
    font-size: 14px;
    font-weight:bold;
    color: #ffffff;
    background: #0c4c8c;
    border-bottom: 2px solid #666666;
    border-right: 1px solid #777777;
    text-indent:20px;
}
#mainContent h2 A:link, A:active, A:visited 
{
    text-decoration:none;
    color:#333;
    
}
#mainContent h2 A:hover
{
    text-decoration:none;
    color: #336699;
}
#mainContent h4 A:link,#mainContent h4  A:active,#mainContent h4  A:visited 
{
    text-decoration:none;
    color: #fff;
}

#mainContent .main-bottom-box
{
    /* border: 1px solid cyan; */
    margin: 0px 10px 0px 0px!important;
    min-width:200px;
    max-width:350px;
    float:left; 
    background:#f58a22;
}

#mainContent .main-bottom-box fieldset
{
    border-color:#c7e5d1;
    -moz-border-radius:5px;  
    border-radius: 5px;  
    -webkit-border-radius: 5px;
}
#mainContent .main-bottom-box fieldset legend
{
    font-family: Arial, hevetica;
    font-size: 14px;
    font-weight:bold;
    color: #3399ff;
}   
#mainContent .keynote
{
    min-width:110px;
    max-width:150px;
    padding: 0 3px 5px 3px;
    font-size:10px;
    float:left;
    display:block;
    text-align:center;
}
/*
div.keynote
{
    float:left;
    display:block;
    width:90px;
    text-align:center;
}
*/
#mainContent DIV.keynote a, #mainContent DIV.keynote a:link, #mainContent DIV.keynote a:active, #mainContent DIV.keynote a:visited
{
    text-decoration:none;
}
DIV.auto-table
{
    float:left;
    display:block;
    padding-left:5px;
    padding-right:5px;
}

#mainImage 
{
    /* border: 1px solid red;*/
    margin-top:10px;
    width:720px;
    height:390px;
}

.small-box
{
    display:block;
    float:left;
}
.iDates
{
}
#pSponsors
{
    width:500px;
    margin-left:100px;
    
}
#pSponsors IMG
{
    padding-right:10px;
    padding-bottom:5px;
    border:0;
}
/* ======== main for 3 columns ========== */
#mainContent3c
{
    margin-top: 7px;
    margin-left: 15px;
    width:620px;
    height:auto;
    float:left;
    display:block;
    font-family: Arial, helvetica, Verdana;
    font-size:12px;
}

#rightContent
{
    margin-top: 7px;
    margin-left: 10px;
    width:200px;
    height:auto;
    float:left;
    display:block;
    font-family: Arial, helvetica, Verdana;
    font-size:12px;
}
#rightContent h4
{
    margin-top:15px;
    display:block;
    width:180px;
    border-bottom: 1px double #3399ff;
    font-family: Arial, hevetica;
}
#rightContent DIV.right-box
{
  display:block; 
  margin-top:15px;
   
}
#rightContent IMG 
{
    border: 0 none;
}


/* ===================== bottom =============================== */
#bottomContent
{
    margin-bottom: 10px;
    width:1000px; 
    height:auto;
    float:left;
    display:block;
    font-family:Verdana, Helvetica, Arial;
    font-size:14px;
    /* border: 1px solid #666; */
    /* background: #ffffff; */
}
#bottomContent A, #bottomContent A:link, #bottomContent A:active, #bottomContent A:visited, #bottomContent A:hover
{
    color:#999;
    text-decoration:none;
}
HR.footer
{
    
    background: url(/UKC2012/images/v3/line_bottom.jpg) no-repeat;
    background-image: url(/UKC2012/images/v3/line_bottom.jpg) no-repeat;
    height:7px;
}
footer, .bottomCopyInfo
{
    padding-top:3px;
    height:40px;
    color: #fff;
    text-align:center;
    vertical-align:middle;
    font-family:Verdana, Helvetica, Arial;
    font-size:14px;
    clear:left;
    display: block;
    width:1000px;
    background: #0c4c8c; /*default background of menu bar*/
}    

img.rightside 
{
    float:right;
    padding-right:10px;
    border: 0 none;
}

img.leftside 
{
    float:left;
    padding-right:10px;
}
img.lightborder
{
    border; 1px solid #ddd;
}
/* ============== login page ==============*/
#loginTable
{
    margin-left:150px;
    margin-top: 100px;
    width: 350px;
    
}
#loginTable fieldset
{
    border-color:#f93;
    -moz-border-radius:5px;  
    border-radius: 5px;  
    -webkit-border-radius: 5px;
}
#loginTable legend
{
    color: #f93;
    font-size:15px;
}
#loginTable Label
{
    color: #39f;
    font-size: 13px;
    font-family:Arial, Helvetica;
    font-weight:bold;
    display:block;
    float:left;
    width:120px;
}
#loginTable Label.message
{
    color:Red;
    font-size:12px;
    width:200px;
}
#loginTable Input.button
{
    background-color:#39f;
    background-image:none;

    border-width:1px;
    border-style:solid;
    border-color:#809431;

    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;

    width:80px;
    padding:2px;
    margin:0px 0px 0px 20px
   
}
/*  ======================== page detail style */

.pSympContent {
	width: 100%;
	/* background: #ffaa66; */
	padding: 20px;
	border-radius: 22px;
	-moz-border-radius: 22px;  
    -webkit-border-radius: 22px;
    color:#000;
}


.pSympContentOut {
opacity: 0;
-moz-transition: opacity .25s linear, visibility .1s linear .5s;
-webkit-transition: opacity .25s linear, visibility .1s linear .5s;
-o-transition: opacity .25s linear, visibility .1s linear .5s;
transition: opacity .25s linear, visibility .1s linear .5s;
visibility: hidden;
/*
	margin: 0 left;
	background: #ff6633;
	padding: 20px;
	border-radius: 22px;
	-moz-border-radius: 22px;  
    	-webkit-border-radius: 22px;
*/
}
.pSympTitle 
{
    color: Navy;
    font-size:14px;
    font-weight:bolder;
    /* cursor:pointer; */
}
.pQ
{
    color: #c63;
    font-size: 14px;
    font-weight:bolder;
}
.pA
{
    font-size:12px;
    margin-bottom: 15px;
}

.pSchedule TABLE
{
    width:100%;
    border: 1px solid #666666;
    border-collapse:collapse;
 
}
.pSchedule TH
{
    background: #99ccff;
    font-size:14px;
    height:25px;
    border: 1px solid #666666;
}
.pSchedule TD
{
    text-align:center;
    border: 1px solid #666666;
    height:45px;
    width:9%;
}
.pScheduleNav TD:hover
{
    background: #c63;
}
.pScheduleNav TD, .pScheduleNav TD.off
{
    cursor:hand!important;
}    
.pScheduleNav TD.on 
{
    background: #c63;
}
.pSchedule TD.title
{
    font-size:18px;
}

.pSchedule TD.ssion
{
    font-size:15px;
    font-weight:bold;
}
.pSchedule .c1
{
    background: #ff6600;
    color: #ffffff;
}
.pSchedule .c2
{
    background: #66ccff;
    color: #ffffff;
}
.pSchedule .c3
{
    background: #ffffcc;
    color: blue;
}
.pSchedule .c4
{
    background: #669933;
    color: #ffffff;
}
.pSchedule .t1
{
    background: red;
    color:#ffffff;
}
.pSchedule .t2
{
    background: blue;
    color:#ffffff;
}
.pSchedule .t3
{
    background: yellow;
    color: blue;
}
.pSchedule .t4
{
    background: green;
    color:#ffffff;
}

.pSchedule .ac1
{
    color:Red;
    font-size:14px;
    background: #cccccc;
}

/* ---------------------  Admin section Style  --------------------- */

.pPaperList0 {
	display:inline-block;
	float:left;
	background: #ccffff;
}
.pPaperList1 {
	display:inline-block;
	float:left;
	background: #f0f0f0;
}

.pSmallColumn  
{
    width:50px;
    text-align: left;
	margin-left:10px;
	display: block;
	float:left;
	padding: 2 2 2 2;
}
.pColumn  {
    text-align: left;
	margin-left:10px;
	width: 180px;
	height: 19px;
	display: block;
	float:left;
	padding: 2 2 2 2;
	overflow:hidden;
}

.pTitle  {
    text-align: left;
	margin-left:10px;
	width: 400px;
	height:18px;
	display: block;
	float:left;
	padding: 2 2 2 2;
	overflow:hidden;
}

.pAction 
{
    text-align:right;
	display: block;
	float:right;
	padding: 2 2 2 2;
	clear:right;
}

A.pButton 
{
	COLOR : #354d73;
	font-size : 12px;
	border: 1px solid  #354d73;
    background: #c2c9d5;
/*
    border: 1px solid #369;
    margin : 2 2 2 2;
    color: #369;
*/
}

.pLegendBox
{
    background: #CCC;
    background-color: #CCC;
    width: 200px;
    padding: 10 10 10 10;
    margin-bottom:20px;
}
#pLegendDetail
{
    margin-left:10px;
    font-family:Arial, Helvetica;
    font-size: 14px;
}