#windowmain{/*background: URL('bg.jpg') top left;*/}


.Details{position:relative;display:table;width:100%;top:0px;left:0px;margin:0px;padding:0px;height:100% }

.Details .Title{margin:5px 0px;font-weight:bold;font-size:15px;display:none}
.Details .Content{padding:0px;position:relative;margin:0px}
.Details .Buttons{}
    .Details .button {
        width: auto;
        height: 27px;
        background-size: contain;
    }
.Details .Buttons .button{margin:5px 2px 5px 2px;width:auto;padding:3px 10px}


.Field{position:relative;clear:both;width:100%;padding:2px 0px;}
    .Field .label {
        position: relative;
        line-height: 20px;
        font-weight: bold;
        margin-top: 3px;
    }
.Field .control{position:relative;line-height:auto}
.Field .button{margin:5px 2px 5px 2px;width:auto;padding:3px 10px}
.Field .radio{margin:0px 10px;position:relative;top:2px;height:auto}
.Field .itemradio{padding:2px 0px;float:left}
    .Field .itemradio span {cursor:pointer
    }
.Field .check{margin:0px 10px;position:relative;top:2px;height:auto}
.Field .itemcheck{padding:2px 0px;float:left}
    .Field .itemcheck span {cursor:pointer
    }
.Field .imgCalendar{float:right;height:21px;width:auto;position:absolute;right:0px;top:3px}
.Field .controlpic{position:relative;line-height:auto;padding-right:30px}
.Field .upload{position:absolute;right:0px;background-color:rgb(175, 175, 175);padding:1px 6px;bottom:2px}
.Field .AutoComplete{position:absolute;border: 1px solid #CECECE;z-index:1000;background-color:White;height:auto}
.Field .AutoComplete .ContentAuto{margin:3px 5px;position:relative;}
.Field .AutoComplete .ContentAuto .itemsl{height:20px;position:absolute;left:0px;background-color:#CECECE;top:-2px;width:100%}
.Field .AutoComplete .ContentAuto .itemauto{height:20px;cursor:pointer;position:relative;padding:0px 5px;
                                            white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;

}
.Field .AutoComplete .ContentAuto .itemauto:hover{}

.Field input{height:24px}
.Field select{height:24px}
.Field textarea{height:24px}

.Field input:disabled{background-color:#e6e6e6}
.Field select:disabled{background-color:#e6e6e6}
.Field textarea:disabled{background-color:#e6e6e6}

.Field input[readonly='readonly'] {background-color:#F2F2F2}
.Field select[readonly='readonly'] {background-color:#F2F2F2}
.Field textarea[readonly='readonly'] {background-color:#F2F2F2}

.selectBox {
}
.selectBox input{
	
	
	/* Font settings */
	height:26px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding-right:25px;
    font-size:13px;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#0E0E0E;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('select_slice.png') repeat-x #ddd;
	background-image:url('select_slice.png'),url('select_slice.png'),url('select_slice.png'),url('select_slice.png');
	background-position:0 -100px, right -150px, 50% -50px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	 white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.selectBox input:hover,
.selectBox input.expanded{
	background-position:0 -125px, right -175px, 50% -75px, 0 -25px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;
}




.Field .progress-bar{position:absolute;top:0px;left:0px;width:100%;height:100%;
     border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    background-color: #1a1a1a;
    filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
.Field .progress-bar span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
        border-radius: 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
}
.Field .blue span {
    background-color: #34c2e3;   
}

.Field .orange span {
      background-color: #fecf23;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.Field .green span {
      background-color: #a5df41;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}

.Field .stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 3s linear infinite;  
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;           
}

@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
 @-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
 /*.shine span {
    position: relative;
}

.shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    animation: animate-shine 2s ease-out infinite;             
}

@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}*/


.Navigator{position:relative}
.Navigator .item{position:relative;float:left;padding:0px 0px 3px 0px;line-height:32px;}
.Navigator .item .bg{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.Navigator .item .bg .l{position:absolute;top:0px;left:0px;width:1px;height:100%;}
.Navigator .item .bg .r{position:absolute;top:0px;right:0px;width:16px;height:100%;}
.Navigator .item .bg .c{position:absolute;top:0px;left:1px;right:16px;height:100%;}
.Navigator .item .text{padding:0px 26px 0px 10px;cursor:pointer;position:relative;color: #06C;text-decoration: none;font-family: arial,helvetica;font-size: 10pt;color: -webkit-text;}
.Navigator .item .textsl{color:Black}
.Navigator .item .imgnavi{position:relative;margin:0px;}
.Navigator .item .imgnavi td{padding:0px 3px}
.Navigator .item .imgnavi img{width:20px;height:auto;margin:0px;padding:0px}

.Navigator .bglstart{background: url('../images/pi_4_arrow_l.gif') center center no-repeat;}
.Navigator .bglstartsl{background: url('../images/pi_4_arrow_l.gif') center center no-repeat;}
.Navigator .bglnormal{background: url('../images/pi_4_grad_g.gif') center center no-repeat;}
.Navigator .bglold{background: url('../images/pi_4_grad_g.gif') center center no-repeat;}
.Navigator .bglsl{background: url('../images/pi_4_grad_b.gif') center center no-repeat;}

.Navigator .bgrendsl{background: url('../images/pi_4_arrow_br.gif') center center no-repeat;}
.Navigator .bgrendnormal{background: url('../images/pi_4_arrow_gr.gif') center center no-repeat;}
.Navigator .bgrnormal{background: url('../images/pi_4_arrow_gg.gif') center center no-repeat;}
.Navigator .bgrnextsl{background: url('../images/pi_4_arrow_gb.gif') center center no-repeat;}
.Navigator .bgrsl{background: url('../images/pi_4_arrow_bg.gif') center center no-repeat;}

.Navigator .bgcnormal{background: url('../images/pi_4_grad_g.gif') center center repeat-x;}
.Navigator .bgcold{background: url('../images/pi_4_grad_g.gif') center center repeat-x;}
.Navigator .bgcsl{background: url('../images/pi_4_grad_b.gif') center center repeat-x;}


.Tabs{width:99.5%;background: url('../images/tabs/pi_4_bg.png');padding-left:0.5%}
.Tabs .item{padding:0px;}
.Tabs .item .bg{}
.Tabs .item .bg .l{width:3px;}
.Tabs .item .bg .r{width:3px;}
.Tabs .item .bg .c{left:3px;right:3px;}
.Tabs .item .text{color:Black;padding:0px 10px;}
.Tabs .item .textsl{}
.Tabs .item .imgnavi{}
.Tabs .item .imgnavi td{}
.Tabs .item .imgnavi img{}

.Tabs .bglstart{background: url('../images/tabs/pi_4_grad_g.png') center center no-repeat;}
.Tabs .bglstartsl{background: url('../images/tabs/pi_4_grad_ssl.png') center center no-repeat;}
.Tabs .bglnormal{background: url('../images/tabs/pi_4_grad_g.png') center center no-repeat;}
.Tabs .bglold{background: url('../images/tabs/pi_4_grad_g.png') center center no-repeat;}
.Tabs .bglsl{background: url('../images/tabs/pi_4_grad_b.png') center center no-repeat;}

.Tabs .bgrendsl{background: url('../images/tabs/pi_4_arrow_bg.png') center center no-repeat;}
.Tabs .bgrendnormal{background: url('../images/tabs/pi_4_arrow_gg.png') center center no-repeat;}
.Tabs .bgrnormal{background: url('../images/tabs/pi_4_arrow_gg.png') center center no-repeat;}
.Tabs .bgrnextsl{background: url('../images/tabs/pi_4_arrow_gg.png') center center no-repeat;}
.Tabs .bgrsl{background: url('../images/tabs/pi_4_arrow_bg.png') center center no-repeat;}

.Tabs .bgcnormal{background: url('../images/tabs/pi_4_grad_c.png') center center repeat-x;}
.Tabs .bgcold{background: url('../images/tabs/pi_4_grad_c.png') center center repeat-x;}
.Tabs .bgcsl{background: url('../images/tabs/pi_4_grad_cl.png') center center repeat-x;}

.Pages{}
.Pages .item{padding:0px;margin:0px 2px}
.Pages .item .bg{}
.Pages .item .bg .l{width:3px;}
.Pages .item .bg .r{width:3px;}
.Pages .item .bg .c{left:3px;right:3px;}
.Pages .item .text{color:#333333;padding:0px 10px;font-size:12px;font-family:Tahoma}
.Pages .item .textsl{color:white}
.Pages .item .imgnavi{}
.Pages .item .imgnavi td{}
.Pages .item .imgnavi img{}

.Pages .bglstart{background: url('../images/pages/pi_4_grad_g.png') center left no-repeat;}
.Pages .bglstartsl{background: url('../images/pages/pi_4_grad_ssl.png') center left no-repeat;}
.Pages .bglnormal{background: url('../images/pages/pi_4_grad_g.png') center left no-repeat;}
.Pages .bglold{background: url('../images/pages/pi_4_grad_g.png') center left no-repeat;}
.Pages .bglsl{background: url('../images/pages/pi_4_arrow_l.png') center left no-repeat;}

.Pages .bgrendsl{background: url('../images/pages/pi_4_arrow_bg.png') center right no-repeat;}
.Pages .bgrendnormal{background: url('../images/pages/pi_4_arrow_gg.png') center right no-repeat;}
.Pages .bgrnormal{background: url('../images/pages/pi_4_arrow_gg.png') center right no-repeat;}
.Pages .bgrnextsl{background: url('../images/pages/pi_4_arrow_gg.png') center right no-repeat;}
.Pages .bgrsl{background: url('../images/pages/pi_4_arrow_bg.png') center right no-repeat;}

.Pages .bgcnormal{background: url('../images/pages/pi_4_grad_c.png') center center repeat-x;}
.Pages .bgcold{background: url('../images/pages/pi_4_grad_c.png') center center repeat-x;}
.Pages .bgcsl{background: url('../images/pages/pi_4_grad_cl.png') center center repeat-x;}



.Field .grid{clear:both;margin-bottom:0px;text-align:inherit}
.Field .grid .thead{background:#003798 0 0 no-repeat;}
.Field .grid .thead:hover{background: #003798 url() 0 0 no-repeat;}
.Field .grid .thead th{height: 30px;color: white;border: #CECECE solid 1px;padding:3px 5px;}
.Field .grid .thead th p{cursor:pointer}
.Field .grid tr{color: #339;}
.Field .grid tr:hover{background: #d3e1ee;color: #339;border:1px solid #7ebdf8}
.Field .grid tr:hover td{border-top:1px solid #2b7cc7;border-bottom:1px solid #2b7cc7}
.Field .grid tr td{margin:0px;padding:2px 8px;border: #CECECE solid 1px;}
.Field .grid tr td a{color:Blue;}
.Field .grid tr td a:hover{text-decoration:underline}
.Field .grid .tralt{background-color:#D6E7FF;}
.Field .grid .tralt td{}
.Field .grid .sort{cursor:pointer;text-decoration:underline} 
.Field .grid .sortup{cursor:pointer;text-decoration:underline;background: url(../images/time-up.png) right center no-repeat;}
.Field .grid .sortdown{cursor:pointer;text-decoration:underline;background: url(../images/time-down.png) right center no-repeat;}
.Field .ToolTip, .LabelBase .ToolTip{cursor:pointer;width:20px;height:20px;margin-left:10px;background: Transparent url('../images/Help.png') bottom center no-repeat; border:none}
.Field .grid input{}
.Field .grid input:hover{background-color:#0099FF;color:White}
.Field .grid input:active{background-color:#3399FF;color:Black}
.Field .grid input:focus{background-color:#3399FF;color:Black}
.Field .line_1{}
.Field .line_2{background-color:#e9f4fe}
.Field .titlegrid{line-height:27px;min-height:30px;text-indent:7px;vertical-align:bottom;font-weight:bold;color:#0356AB}


.Field .grid select:hover{background-color:#0099FF;color:White}
.Field .grid select:active{background-color:#3399FF;color:Black}
.Field .grid select:focus{background-color:#3399FF;color:Black}

.Field .grid textarea:hover{background-color:#0099FF;color:White}
.Field .grid textarea:active{background-color:#3399FF;color:Black}
.Field .grid textarea:focus{background-color:#3399FF;color:Black}
.Field .grid .footer{background-color:#a8c9f0;color:#14365c}
.Field .grid .footer:hover{background-color:#a8c9f0;color:#14365c}
.Field .grid .footer th{border-top:2px solid #e4e8f3;border-bottom:2px solid #e4e8f3;border-left:1px solid #e4e8f3;border-right:1px solid #e4e8f3;}

.Field .icon{position:absolute;right:-20px;top:3px}
.pnFrameQuestion{position:fixed;z-index:1000;text-align:center;}
.pnFrameQuestion .bg{position:fixed;top:0px;left:0px;height:100%;width:100%;background-color:Black;filter:alpha(opacity=10);
        -moz-opacity:0.1;
        -khtml-opacity: 0.1;
        opacity: 0.1;}       
.pnFrameQuestion .ctFrameQuestion{position:relative;margin:auto auto;background-color:White;border:1px solid black;padding:10px;} 
.pnFrameQuestion .close{cursor:pointer;position:absolute;right:-10px;top:-10px;width:30px;height:30px;background: url('../images/close-icon.png') center center no-repeat;z-index:1;}
.pnFrameQuestion .closeload{cursor:pointer;position:absolute;right:-10px;top:-10px;width:30px;height:30px;background: url('../images/time-down.png') center center no-repeat;z-index:1;}
.pnFrameQuestion .closeload td{padding:0px !important;}
.pnFrameQuestion .viewQuestion{position:relative;text-align:left}
.pnFrameQuestion iframe{position:relative;width:800px;height:500px;}


/*
.Group .pnGroup .bd{border:none;}
.Group .pnGroup .Tab{padding:4px 1px 0px 1px;}
.Group .pnGroup .bd .c{top:37px;bottom:37px;left:20px;right:20px;position:absolute;background-color:#ececec
		
}
.Group .pnGroup .bd .t{background: url('border_blr.png') repeat-x top center;height:37px;left:20px;right:20px;top:0px;position:absolute;}
.Group .pnGroup .bd .l{background: url('border_tlr.png') repeat-y top left;top:37px;bottom:37px;width:20px;left:0px;position:absolute;}
.Group .pnGroup .bd .r{background: url('border_tlr.png') repeat-y top right;top:37px;bottom:37px;width:20px;right:0px;position:absolute;}
.Group .pnGroup .bd .b{background: url('border_blr.png') repeat-x bottom center;height:37px;bottom:0px;left:20px;right:20px;position:absolute;}

.Group .pnGroup .bd .t_l{background: url('border_tlr.png') no-repeat -20px 0px;height:37px;width:20px;top:0px;left:0px;position:absolute;}
.Group .pnGroup .bd .t_r{background: url('border_tlr.png') no-repeat -40px -37px;height:37px;width:20px;top:0px;right:0px;position:absolute;}
.Group .pnGroup .bd .b_l{background: url('border_blr.png') no-repeat 0px -37px;height:37px;width:20px;bottom:0px;left:0px;position:absolute;}
.Group .pnGroup .bd .b_r{background: url('border_blr.png') no-repeat -20px -74px;height:37px;width:20px;bottom:0px;right:0px;position:absolute;}
.Group .pnGroup .bd .bd{height:100%;width:100%;position:absolute}
.Group .pnGroup .bd .nd{position:relative;width:100%;height:100%;clear:both}
.Group .pnGroup .bd .ext_t_1{}
.Group .pnGroup .bd .ext_t_2{}
.Group .pnGroup .bd .ext_b_1{background: url('shadow.png') no-repeat left top;height:11px;width:100%;top:33px;left:0px;position:absolute;
	filter:alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;}
.Group .pnGroup .bd .ext_b_2{}*/

.Group{position:relative;}
.Group .pnImage{position:relative;}
.Group .IconTitle{height:18px;margin-right:5px;}
.Group .pnGroup{position:relative;margin:0px}

.Group .Content{position:relative;padding:0px;}
.Group .collapse{width:20px;height:20px;position:absolute;right:10px;top:0px;cursor:pointer;background: url('../images/ico_up.gif') center center no-repeat;-webkit-user-select: none;
-khtml-user-select: none;}
.Group .expand{width:20px;height:20px;position:absolute;right:10px;top:0px;cursor:pointer;background: url('../images/ico_down.gif') center center no-repeat;-webkit-user-select: none;
-khtml-user-select: none;}
.Group .Title{margin:0;border-bottom:#5784d5 solid 1px; background: url(../../images/bgd_line_03.gif) top left repeat;color:#0356AB;min-height:25px;text-indent:10px;font-size:16px;padding-top:5px;position:relative}
.Group .Titlebase{width:100%;text-align:right;font-weight:bold;border-bottom:black solid 1px;color:#0356AB;min-height:25px;font-size:16px;position:relative}
.Group .Titlebase span{float:right;margin-right:40px;margin-left:10px}
.Group .TitleTemp{position:relative;color:#024cac;min-height:20px;font-weight:bold;text-indent:5px;font-size:16px;padding-top:10px;}
.Group .TitleTemp span{margin-left:5px;margin-bottom:5px}


.Group .pnGroup .bd{border:none;}
.Group .pnGroup .Tab{padding:4px 1px 0px 1px;}
.Group .pnGroup .bd .c{top:38px;bottom:18px;left:38px;right:38px;position:absolute;background-color:white
		
}
.Group .pnGroup .bd .t{background: url('../images/new/T_B.png') repeat-x top center;height:38px;left:38px;right:38px;top:0px;position:absolute;}
.Group .pnGroup .bd .l{background: url('../images/new/L_R.png') repeat-y top left;top:38px;bottom:20px;width:38px;left:0px;position:absolute;}
.Group .pnGroup .bd .r{background: url('../images/new/L_R.png') repeat-y top right;top:38px;bottom:20px;width:38px;right:0px;position:absolute;}
.Group .pnGroup .bd .b{background: url('../images/new/T_B.png') repeat-x bottom center;height:20px;bottom:0px;left:38px;right:38px;position:absolute;}

.Group .pnGroup .bd .t_l{background: url('../images/new/L_R.png') no-repeat -76px 0px;height:38px;width:38px;top:0px;left:0px;position:absolute;}
.Group .pnGroup .bd .t_r{background: url('../images/new/T_B.png') no-repeat -38px -76px;height:38px;width:38px;top:0px;right:0px;position:absolute;}
.Group .pnGroup .bd .b_l{background: url('../images/new/T_B.png') no-repeat 0px -56px;height:20px;width:38px;bottom:0px;left:0px;position:absolute;}
.Group .pnGroup .bd .b_r{background: url('../images/new/L_R.png') no-repeat -38px -56px;height:20px;width:38px;bottom:0px;right:0px;position:absolute;}
.Group .pnGroup .bd .bd{height:100%;width:100%;position:absolute}
.Group .pnGroup .bd .nd{position:relative;width:100%;height:100%;clear:both}


.GroupBase {
    background-color: white;
    border: 1px solid #c2b299;
    box-shadow: -4px 4px 7px #8e5d10;
}

    .GroupBase .Content {
    margin:3px
    }


 
.arrow_box {
    animation: arrow-box 0.5s  infinite;  
    -webkit-animation: arrow-box 0.5s   infinite;
    -moz-animation: arrow-box 0.5s   infinite;      
border-radius: 6px;
background: #88b7d5;
border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 7px;
    margin-left: -7px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
     border-width: 10px;
    margin-left: -21%;
	
}

 

@-webkit-keyframes arrow-box {
   from { transform: none; }
	50% { transform: scale(0.7);  filter:alpha(opacity=5);
        -moz-opacity:0.05;
        -khtml-opacity: 0.05;
        opacity: 0.05;}
	to { transform: none; }
}
@keyframes arrow-box {
   from { transform: none; }
	50% { transform: scale(0.7); filter:alpha(opacity=5);
        -moz-opacity:0.05;
        -khtml-opacity: 0.05;
        opacity: 0.05; }
	to { transform: none; }
}
 @-moz-keyframes arrow-box {
    from { transform: none; }
	50% { transform: scale(0.7);  filter:alpha(opacity=5);
        -moz-opacity:0.05;
        -khtml-opacity: 0.05;
        opacity: 0.05;}
	to { transform: none; }
}

.btnLike{ display:inline-block; 
          height:30px; 
          line-height:29px;
           color:#354C8C; 
           padding-right:10px; 
           margin-right:10px; 
           border:1px solid #0098D3;
            border-radius:3px; 
            overflow:hidden;
             font-weight:bold;font-size:12px; 
             box-shadow:0px 2px 0px 0 rgba(0,0,0,0.1);
             text-decoration: none!important;
             vertical-align: baseline;
}
.btnLike span {
    display: block;
    float: left;
    height: 100%;
    background: #0098D3;
    color: #fff;
    padding: 0 10px;
    margin-right: 10px;
}

.btnLike1 {
    background: url(../images/icon_like.png) no-repeat left 50%;
    background-size: 16px;
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    line-height: 23px;
    height: 20px;
    color: #009CCE;
}
.btnReply {
    background: url(../images/icon_reply.png) no-repeat left 50%;
    background-size: 16px;
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    line-height: 23px;
    height: 20px;
    color: #009CCE;
}