@charset "utf-8";
/* CSS Document */




/* -- buttons -> pagination */

.button1,
.button1 div{
	height: 1%;
	float: right;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button1 { background: url(images/button/j_button1_left.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(images/button/j_button1_next.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(images/button/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(images/button/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(images/button/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(images/button/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(images/button/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(images/button/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(images/button/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(images/button/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(images/button/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(images/button/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(images/button/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(images/button/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(images/button/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(images/button/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(images/button/j_button2_blank.png) 100% 0 no-repeat; }





































/* new buttons */
a.button i,  a.grey i {
    	margin: 0px 4px 0px 0px;
    	position: relative;
    	color: #666666;
}

a.blue i, a.red i, a.green i, a.black i {
    	margin: 0px 4px 0px 0px;
    	position: relative;
    	color: #FFFFFF;
}

button.blue, a.blue {
    	background-color: #5B9FEA;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #5B9FEA),  to(#0C62D7));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #5B9FEA,  #0C62D7);
     /* Mozila Browser */	background:  linear-gradient(top ,  #5B9FEA,  #0C62D7);
     	background:  -o-linear-gradient(top ,  #5B9FEA,  #0C62D7);
    	background:  -ms-linear-gradient(top ,  #5B9FEA,  #0C62D7);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#5B9FEA',  EndColorStr='#0C62D7');
     /* IE Browsers */    border:  1px solid #17549B;
        box-shadow:  0 1px 0 rgba(255,  255,  255,  0.3) inset;
		text-shadow:  0 1px 0 #444444;
    	-moz-user-select:  none;
    	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline:  medium none;
        padding:  5px 10px;
		font-size: 13px;
    	display: inline-block;
    	color: #fff;
    	cursor: pointer;
}

button.blue:hover, a.blue:hover {
    	background-color: #94C7FF;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #94C7FF),  to(#367BD9));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #94C7FF,  #367BD9);
     /* Mozila Browser */	background:  linear-gradient(top ,  #94C7FF,  #367BD9);
     	background:  -o-linear-gradient(top ,  #94C7FF,  #367BD9);
    	background:  -ms-linear-gradient(top ,  #94C7FF,  #367BD9);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#94C7FF',  EndColorStr='#367BD9');
}

button.grey, a.grey {
    	background-color: #F8F8F8;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #F8F8F8),  to(#E8E8E8));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #F8F8F8,  #E8E8E8);
     /* Mozila Browser */	background:  linear-gradient(top ,  #F8F8F8,  #E8E8E8);
     	background:  -o-linear-gradient(top ,  #F8F8F8,  #E8E8E8);
    	background:  -ms-linear-gradient(top ,  #F8F8F8,  #E8E8E8);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8F8F8',  EndColorStr='#E8E8E8');
     /* IE Browsers */    border:  1px solid #B0B0B0;
        color:  #3A3A3A;
    	box-shadow:  0 1px 0 rgba(255,  255,  255,  1) inset;
        text-shadow:  0 1px 0 #FFFFFF;
    	-moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline:  medium none;
    	display: inline-block;
        padding:  5px 10px;
    	font-size: 13px;
    	cursor: pointer;
		line-height:14px;
}
button.grey:hover, a.grey:hover  {
    	background-color: #FAFAFA;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #FFFFFF),  to(#FAFAFA));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #FFFFFF,  #FAFAFA);
     /* Mozila Browser */	background:  linear-gradient(top ,  #FFFFFF,  #FAFAFA);
     	background:  -o-linear-gradient(top ,  #FFFFFF,  #FAFAFA);
    	background:  -ms-linear-gradient(top ,  #FFFFFF,  #FAFAFA);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF',  EndColorStr='#FAFAFA');
}

button.red, a.red {
    	background-color: #ed5e5e;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #ed5e5e),  to(#cc3030));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #ed5e5e,  #cc3030);
     /* Mozila Browser */	background:  linear-gradient(top ,  #ed5e5e,  #cc3030);
     	background:  -o-linear-gradient(top ,  #ed5e5e,  #cc3030);
    	background:  -ms-linear-gradient(top ,  #ed5e5e,  #cc3030);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed5e5e',  EndColorStr='#cc3030');
     /* IE Browsers */    border:  1px solid #832727;
    	box-shadow:  0 1px 0 rgba(248,  175,  175,  1) inset;
        color:  #ffffff;
        text-shadow:  0 1px 0 #702727;
    	-moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline:  medium none;
    	display: inline-block;
        padding:  5px 10px;
    	cursor: pointer;
    	font-size: 13px;
}
button.red:hover, a.red:hover  {
    	background-color: #f48a8a;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #f48a8a),  to(#e05353));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #f48a8a,  #e05353);
     /* Mozila Browser */	background:  linear-gradient(top ,  #f48a8a,  #e05353);
     	background:  -o-linear-gradient(top ,  #f48a8a,  #e05353);
    	background:  -ms-linear-gradient(top ,  #f48a8a,  #e05353);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f48a8a',  EndColorStr='#e05353');
}

button.green, a.green {
    	background-color: #7cd570;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #f48a8a),  to(#3c7534));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #7cd570,  #3c7534);
     /* Mozila Browser */	background:  linear-gradient(top ,  #7cd570,  #3c7534);
     	background:  -o-linear-gradient(top ,  #7cd570,  #3c7534);
    	background:  -ms-linear-gradient(top ,  #7cd570,  #3c7534);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7cd570',  EndColorStr='#3c7534');
     /* IE Browsers */    border:  1px solid #3c7534;
    	box-shadow:  0 1px 0 rgba(192,  237,  186,  1) inset;
        color:  #ffffff;
        text-shadow:  0 1px 0 #566532;
    	-moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline:  medium none;
    	display: inline-block;
        padding:  5px 10px;
    	cursor: pointer;
    	font-size: 13px;
}

button.green:hover, a.green:hover  {
    	background-color: #8fdb85;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #8fdb85),  to(#6cbe61));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #8fdb85,  #6cbe61);
     /* Mozila Browser */	background:  linear-gradient(top ,  #8fdb85,  #6cbe61);
     	background:  -o-linear-gradient(top ,  #8fdb85,  #6cbe61);
    	background:  -ms-linear-gradient(top ,  #8fdb85,  #6cbe61);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8fdb85',  EndColorStr='#6cbe61');
}


button.black, a.black {
    	background-color: #024A80;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #024A80),  to(#012641));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #024A80,  #012641);
     /* Mozila Browser */	background:  linear-gradient(top ,  #024A80,  #012641);
     	background:  -o-linear-gradient(top ,  #024A80,  #012641);
    	background:  -ms-linear-gradient(top ,  #024A80,  #012641);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#024A80',  EndColorStr='#012641');
     /* IE Browsers */    border:  1px solid #17549B;
        color:  #FFFFFF;
    	box-shadow:  0 1px 0 rgba(255,  255,  255,  0.3) inset;
        text-shadow:  0 1px 0 #222222;
    	-moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline:  medium none;
    	display: inline-block;
        padding:  5px 10px;
    	font-size: 13px;
    	cursor: pointer;
}
button.black:hover, a.black:hover  {
    	background-color: #025A9B;
     /* Old Browsers */	background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #025A9B),  to(#155585));
     /* Webkit Browsers */	background:  -moz-linear-gradient(top ,  #025A9B,  #155585);
     /* Mozila Browser */	background:  linear-gradient(top ,  #025A9B,  #155585);
     	background:  -o-linear-gradient(top ,  #025A9B,  #155585);
    	background:  -ms-linear-gradient(top ,  #025A9B,  #155585);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#025A9B',  EndColorStr='#155585');
}


















