/****************************************************************************/
/* BOX */
/****************************************************************************/
.box {
display: block;
/*position: relative;*/
}
.box .padTop {
display: block;
color: #333333;
}
.box .padTop .b1, .box .padTop .i2, .padTop .b3, .box .padBottom .b1, .padBottom .i2, .padBottom .b3 {
background: #d7d9d8;
}
.box .padBottom {
display: block;
color: #333;
}
.box .pad {
display: block;
/*position: relative;*/
border-top: solid 6px #d7d9d8;
border-bottom: solid 6px #d7d9d8;
border-left: solid 8px #d7d9d8;
border-right: solid 8px #d7d9d8;
background: #d7d9d8;
}
.box .padBottom {
display: block;
color: #333;
}
.box .cornerTop .b1, .box .cornerTop .i2, .box .cornerTop .b3 {
background: #ffffff;
}
.box .cornerTop .i2, .box .cornerTop .b3 {
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background: #ffffff;
}
.box .cornerTop .b3 {
border-right: solid 1px #9a9a9a;
}
.box .cornerBottom .b1, .box .cornerBottom .i2, .box .cornerBottom .b3 {
background: #9a9a9a;
}
.box .cornerBottom .i2, .box .cornerBottom .b3 {
border-left: solid 1px #ffffff;
border-right: solid 1px #9a9a9a;
background: #ffffff;
}
.box .container {
display: block;
/*position: relative;*/
height: 100%;
background: #ffffff;
border-left: solid 1px #ffffff;
border-right: solid 1px #9a9a9a;
}
.box .b1, .box .i2, .box .b3{
/*position: relative;*/
display: block;
overflow: hidden;
height: 1px;
} 
.box .b1 {margin: 0px 2px;}
.box .i2 {margin: 0px 1px;}
.box .b3 {margin: 0px 0px;}

.box .cornerTop {
/*position: relative;*/
display: block;
width: 100%;
}
.box .cornerBottom {
/*position: relative;*/
display: block;
width: 100%;
}
/****************************************************************************/
/* TYPES */
/****************************************************************************/
/*----------------------------------------------------------------------*/
/* TYPE 1 */
/*----------------------------------------------------------------------*/
.type1 .padTop, .type1 .padBottom {
display: none;
}
.type1 .pad {
border: 0px;
background: transparent;
}
.type1 .Corner .b1, .type1 .Corner .i2, .type1 .Corner .b3, .type1 .container {
background: #fff;
border-right: solid 1px #cccbcb;
border-left: solid 1px #cccbcb;
}
.type1 .Corner .b1{
background: #cccbcb;
}
.type1 .container {
display: block;
}	
/*----------------------------------------------------------------------*/
/* TYPE 4 */
/*----------------------------------------------------------------------*/
.type4 .padTop, .type4 .padBottom {
display: none;
}
.type4 .pad {
border: 0px;
background: transparent;
}
.type4 .cornerTop .b1, .type4 .cornerTop .i2, .type4 .cornerTop .b3 {
border-left: 0px;
border-right: 0px;
background: #cee3ff;
}
.type4 .cornerBottom .i2, .type4 .cornerBottom .b3 {
border-left: 0px;
background: #cee3ff;
}
.type4 .cornerTop .b3 {
height: 8px;
border-bottom: solid 3px #3f6dbc;
border-right: solid 1px #9a9a9a;
background: #cee3ff;
}
.type4 .cornerBottom .b3 {
height: 8px;
border-top: solid 3px #3f6dbc;
}
.type4 .container {
display: block;
border-left: 0px;
}
/*----------------------------------------------------------------------*/
/* TYPE 5 */
/*----------------------------------------------------------------------*/
.type5 .padTop, .type5 .padBottom {
display: none;
}
.type5 .pad {
border: 0px;
background: transparent;
}
.type5 .cornerTop .b1, .type5 .cornerTop .i2, .type5 .cornerTop .b3 {
border-left: 0px;
border-right: 0px;
background: #cee3ff;
}
.type5 .cornerBottom .i2, .type5 .cornerBottom .b3 {
border-left: 0px;
background: #909090;
}
.type5 .cornerTop .b3 {
border-right: solid 1px #9a9a9a;
background: #cee3ff;
}
.type5 .container {
display: block;
border-left: 0px;
}
/*----------------------------------------------------------------------*/
/* TYPE 7 */
/*----------------------------------------------------------------------*/
.type7 .padTop, .type7 .padBottom {
display: none;
}
.type7 .pad {
border: 0px;
background: transparent;
}
.type7 .Corner .b1, .type7 .Corner .i2, .type7 .Corner .b3, .type7 .container {
background: #ededed;
border-right: solid 1px #f5f5f5;
border-left: solid 1px #f5f5f5;
}
.type7 .Corner .b1{
background: #f5f5f5;
}
.type7 .container {
display: block;
}

.type7 .cornerBottom .b1, .type7 .cornerBottom .i2, .type7 .cornerBottom .b3, .type7 .container {
border-right: solid 1px #ccc;
}
.type7 .cornerBottom .b1 {
background: #ccc;
border-left: solid 1px #ccc;
}
/*----------------------------------------------------------------------*/
/* TYPE MALE - FEMALE */
/*----------------------------------------------------------------------*/
.typeFemale .back1 {
background: #fadafb;
}
.typeFemale .back2 {
background: #ee90c3;
}
.typeMale .back1 {
background: #a0e3ff;
}
.typeMale .back2 {
background: #00b4ff;
}
.typeFemale .text, .typeMale .text {
font-family: Tahoma;
font-size: 11px;
color: #0577a6;
}
/*----------------------------------------------------------------------*/
/* TYPE EVENT */
/*----------------------------------------------------------------------*/
.typeEvent .cornerTop .b1, .typeEvent .cornerTop .i2, .typeEvent .cornerTop .b3 {
background: #717171;
border: solid 0px #717171;
}
.typeEvent .text {
font-family: Tahoma;
font-size: 11px;
color: #ffffff;
}
.typeEvent .cornerBottom .b1, .typeEvent .cornerBottom .i2, .typeEvent .cornerBottom .b3{
background: #717171;
border: solid 0px #717171;
}
.typeEvent .container, .typeFemale .container {
display: block;
background: #717171;
border: solid 0px #717171;
}
.typeEvent .back1 {
background: #717171;
}
.typeEvent .back2 {
background: #ffdb33;
}
/*----------------------------------------------------------------------*/
/* TYPE GROUP */
/*----------------------------------------------------------------------*/
.typegroup .cornerTop .b1, .typegroup .cornerTop .i2, .typegroup .cornerTop .b3 {
background: #717171;
border: solid 0px #717171;
}
.typegroup .text {
font-family: Tahoma;
font-size: 11px;
color: #ffffff;
}
.typegroup .cornerBottom .b1, .typegroup .cornerBottom .i2, .typegroup .cornerBottom .b3{
background: #717171;
border: solid 0px #717171;
}
.typegroup .container, .typeFemale .container {
display: block;
background: #717171;
border: solid 0px #717171;
}
.typegroup .back1 {
background: #717171;
}
.typegroup .back2 {
background: #afeb00;
}
/*----------------------------------------------------------------------*/
/* TYPE 13-14 */
/*----------------------------------------------------------------------*/
.type13 .padTop, .type13 .padBottom {
display: none;
}
.type13 .pad {
border: 0px;
background: transparent;
}
.type13 .Corner .b1, .type13 .Corner .i2, .type13 .Corner .b3, .type13 .container {
margin-right: 0px;
background: #838383;
border-right: solid 1px #838383;
border-left: solid 1px #838383;
}
.type13 .container {
display: block;
}
.type14 .padTop, .type14 .padBottom {
display: none;
}
.type14 .pad {
border: 0px;
background: transparent;
}
.type14 .Corner .b1, .type14 .Corner .i2, .type14 .Corner .b3, .type14 .container {
margin-left: 0px;
background: #0f70f7;
border-right: solid 1px #0f70f7;
border-left: solid 1px #0f70f7;
}
.type14 .container {
display: block;
}
.type14 a {
color:333333;
text-decoration:none;
}
.type14 a:hover {
text-decoration:underline;
}

/*----------------------------------------------------------------------*/
/* TYPE POPUP */
/*----------------------------------------------------------------------*/
.type_pop .padTop .b1, .type_pop .padTop .i2, .type_pop .padTop .b3, .type_pop .padBottom .b1, .type_pop .padBottom .i2, .type_pop .padBottom .b3 {
background: #fff;
}
.type_pop .pad {
background: #fff;
border-color: #fff;
}
.type_pop .cornerTop .b1, .type_pop .cornerTop .i2, .type_pop .cornerTop .b3 {
border-right: solid 1px #a8a9a9;
border-left: solid 1px #a8a9a9;
background: #003ba0;
}
.type_pop .cornerTop .b1, .type_pop .cornerBottom .i2, .type_pop .cornerBottom .b3 {
border-right: solid 1px #a8a9a9;
border-left: solid 1px #a8a9a9;
background: #cee3ff;
}
.type_pop .cornerTop .b1 {
background: #a8a9a9;
}
.type_pop .cornerBottom .b3 {
height: 8px;
border-top: solid 3px #535a4e;
}
.type_pop .container {
border-right: solid 1px #a8a9a9;
border-left: solid 1px #a8a9a9;
display: block;
}
/*----------------------------------------------------------------------*/
/* TYPE ERROR */
/*----------------------------------------------------------------------*/
.type_error .padTop, .type_error .padBottom {
display: none;
}
.type_error .pad {
border: 0px;
background: transparent;
}
.type_error .Corner .b1, .type_error .Corner .i2, .type_error .Corner .b3, .type_error .container {
background: #ffdfd7;
border-right: solid 1px #bbbaba;
border-left: solid 1px #bbbaba;
}
.type_error .Corner .b1 {
background: #bbbaba;
}
.type_error .cornerBottom .b3 {
height: 1px;
border-top: 0px;
}
.type_error .container {
display: block;
}
/*----------------------------------------------------------------------*/
/* TYPE INFORM */
/*----------------------------------------------------------------------*/
.type_inform .padTop, .type_inform .padBottom {
display: none;
}
.type_inform .pad {
border: 0px;
background: transparent;
}
.type_inform .Corner .b1, .type_inform .Corner .i2, .type_inform .Corner .b3, .type_inform .container {
background: #d3edfe;
border-right: solid 1px #bbbaba;
border-left: solid 1px #bbbaba;
}
.type_inform .Corner .b1 {
background: #bbbaba;
}
.type_inform .cornerBottom .b3 {
height: 1px;
border-top: 0px;
}
.type_inform .container {
display: block;
}
/*----------------------------------------------------------------------*/
/* TYPE ROW */
/*----------------------------------------------------------------------*/
.type_row .padTop, .type_row .padBottom {
display: none;
}
.type_row .pad {
border: 0px;
background: transparent;
}
.type_row .Corner .b1, .type_row .Corner .i2, .type_row .Corner .b3, .type_row .container {
background: #f0f0f0;
border-right: solid 1px #bbbaba;
border-left: solid 1px #bbbaba;
}
.type_row .Corner .b1 {
background: #bbbaba;
}
.type_row .cornerBottom .b3 {
height: 1px;
border-top: 0px;
}
.type_row .container {
display: block;
}
/*----------------------------------------------------------------------*/
/* TYPE BAR */
/*----------------------------------------------------------------------*/
.type_bar .padTop, .type_bar .padBottom {
display: none;
}
.type_bar .pad {
border: 0px;
background: transparent;
}
.type_bar .Corner .b1, .type_bar .Corner .i2, .type_bar .Corner .b3, .type_bar .container {
background: #d3edfe;
border-right: solid 1px #bbbaba;
border-left: solid 1px #bbbaba;
}
.type_bar .Corner .b1 {
background: #bbbaba;
}
.type_bar .cornerBottom .b3 {
height: 1px;
border-top: 0px;
}
.type_bar .container {
display: block;
}
/*----------------------------------------------------------------------*/
/* TYPE WELCOME */
/*----------------------------------------------------------------------*/
.type10w .padTop, .type10w .padBottom {
display: none;
}
.type10w .pad {
border: 0px;
background: transparent;
}
.type10w .Corner .b1, .type10w .Corner .i2, .type10w .Corner .b3, .type10w .container {
margin-right: 0px;
background: #848484;
border-right: solid 1px #6ab607;
border-left: solid 1px #848484;
}
.type10w .container {
display: block;
}
.type11w .padTop, .type11w .padBottom {
display: none;
}
.type11w .pad {
border: 0px;
background: transparent;
}
.type11w .Corner .b1, .type11w .Corner .i2, .type11w .Corner .b3, .type11w .container {
margin-left: 0px;
background: #ddd;
border-right: solid 1px #a5a5a5;
border-left: solid 3px #6ab607;
}
.type11w .container {
display: block;
}
.type10w .cornerBottom .b1, .type11w .Corner .b1 {
background: #a5a5a5;
border-right: solid 1px #a5a5a5;
}
/*----------------------------------------------------------------------*/
/* TYPE SUCCESS */
/*----------------------------------------------------------------------*/
.type_success .padTop, .type_success .padBottom {
display: none;
}
.type_success .pad {
border: 0px;
background: transparent;
}
.type_success .Corner .b1, .type_success .Corner .i2, .type_success .Corner .b3, .type_success .container {
background: #e4ecbc;
border-right: solid 1px #bbbaba;
border-left: solid 1px #bbbaba;
}
.type_success .Corner .b1{
background: #bbbaba;
}
.type_success .container {
display: block;
}
.type_success .cornerBottom .b3 {
height: 1px;
border-top: solid 0px #3f6dbc;
}
/*----------------------------------------------------------------------*/
/* EUPEE OR NOT RATED */
/*----------------------------------------------------------------------*/
.eonRated .padTop, .eonRated .padBottom {
display: none;
}
.eonRated .pad {
border: 0px;
background: transparent;
}
.eonRated .Corner .b1, .eonRated .Corner .i2, .eonRated .Corner .b3, .eonRated .container {
background: #fff;
border-right: solid 1px #cccbcb;
border-left: solid 1px #cccbcb;
}
.eonRated .Corner .b1.bottom {
}
.eonRated .Corner .i2.bottom, .eonRated .Corner .b3.bottom{
background: #fadafb;
border-right: solid 1px #cccbcb;
border-left: solid 1px #cccbcb;
}
.eonRated .Corner .b1{
background: #cccbcb;
}
.eonRated .container {
display: block;
padding: 8px 0px 0px 0px;
}
/*----------------------------------------------------------------------*/
/* button */
/*----------------------------------------------------------------------*/
.type_button {
margin-bottom: 6px;
}
.type_button .Corner .b1, .type_button .Corner .i2, .type_button .Corner .b3, .type_button .container {
border: 0px;
background: #ccc;
}
.type_button .container {
display: block;
padding: 8px 6px;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
}
/* color */
a.type_button.orange .Corner .b1, a.type_button.orange .Corner .i2, a.type_button.orange .Corner .b3, a.type_button.orange .container {
background: #fc9401;
}
a.type_button.orange:hover .Corner .b1, a.type_button.orange:hover .Corner .i2, a.type_button.orange:hover .Corner .b3, a.type_button.orange:hover .container {
background: #ed6200;
}
a.type_button.red .Corner .b1, a.type_button.red .Corner .i2, a.type_button.red .Corner .b3, a.type_button.red .container {
background: #dd1d10;
}
a.type_button.red:hover .Corner .b1, a.type_button.red:hover .Corner .i2, a.type_button.red:hover .Corner .b3, a.type_button.red:hover .container {
background: #ac0907;
}
a.type_button.blue .Corner .b1, a.type_button.blue .Corner .i2, a.type_button.blue .Corner .b3, a.type_button.blue .container {
background: #1ea3c2;
}
a.type_button.blue:hover .Corner .b1, a.type_button.blue:hover .Corner .i2, a.type_button.blue:hover .Corner .b3, a.type_button.blue:hover .container {
background: #0a5f83;
}
a.type_button.green .Corner .b1, a.type_button.green .Corner .i2, a.type_button.green .Corner .b3, a.type_button.green .container {
background: #74ad18;
}
a.type_button.green:hover .Corner .b1, a.type_button.green:hover .Corner .i2, a.type_button.green:hover .Corner .b3, a.type_button.green:hover .container {
background: #2a6e0a;
}



