﻿/* SHINE LITTLE */
.Shine_Little {
	width: 100px;
	height: 17px;
	line-height: 17px;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}

.Shine_Little_Inner {
	width: 100%;
	height: 17px;
	line-height: 17px;
	text-align: center;
	display: block;
	float: left;
	clear: left;
	margin: 0;
}

.Shine_Little_Inner_Img {
	width: 100%;
	height: 17px;
	line-height: 17px;
	display: block;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/loader-1.gif) no-repeat 50% 50%;
}

/* SHINE MIDDLE */
.Shine_Middle {
	width: 100px;
	height: 24px;
	line-height: 24px;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}

.Shine_Middle_Inner {
	width: 100px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: block;
	float: left;
	clear: left;
	margin: 0;
}

.Shine_Middle_Inner_Img {
	width: 100px;
	height: 24px;
	line-height: 24px;
	display: block;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/loader-1.gif) no-repeat 50% 50%;
}

/* SHINE BIG */
.Shine_Big {
	width: 100px;
	height: 38px;
	line-height: 38px;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}

.Shine_Big_Inner {
	width: 100px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: block;
	float: left;
	clear: left;
	margin: 0;
}

.Shine_Big_Inner_Img {
	width: 100px;
	height: 38px;
	line-height: 38px;
	display: block;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/loader-1.gif) no-repeat 50% 50%;
}


/* ----------------------------------------------- */
/* LITTLE BUTTONS                                  */
/* ----------------------------------------------- */
.Button_Little_Red,
.Button_Little_Blue,
.Button_Little_Gray {
	height: 17px !important;
	font: bold 11px/17px Tahoma !important;
	color: #fff !important;
	text-decoration: none !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Little_None {
	height: 17px !important;
	line-height: 17px !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Little_Red_Left,
.Button_Little_Red_Right,
.Button_Little_Red_Inner,
.Button_Little_Blue_Left,
.Button_Little_Blue_Right,
.Button_Little_Blue_Inner,
.Button_Little_Gray_Left,
.Button_Little_Gray_Right,
.Button_Little_Gray_Inner {
	height: 17px;
	font: bold 11px/17px Tahoma;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

.Button_Little_None .Button_Little_None_Inner {
	height: 17px;
	line-height: 17px;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

/* LITTLE RED */
.Button_Little_Red .Button_Little_Red_Left {
	padding: 0px 0px 0px 5px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) no-repeat 0 0;
}

.Button_Little_Red .Button_Little_Red_Right {
	padding: 0px 5px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) no-repeat 100% -34px;
}

.Button_Little_Red .Button_Little_Red_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) repeat-x 0 -17px;
}



/* LITTLE BLUE */
.Button_Little_Blue .Button_Little_Blue_Left {
	padding: 0px 0px 0px 5px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) no-repeat 0 -51px;
}

.Button_Little_Blue .Button_Little_Blue_Right {
	padding: 0px 5px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) no-repeat 100% -85px;
}

.Button_Little_Blue .Button_Little_Blue_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) repeat-x 0 -68px;
}



/* LITTLE GRAY */
.Button_Little_Gray .Button_Little_Gray_Left {
	padding: 0px 0px 0px 5px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/little.gif) no-repeat 0 -102px;
}

.Button_Little_Gray .Button_Little_Gray_Right {
	padding: 0px 5px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/little.gif) no-repeat 100% -136px;
}

.Button_Little_Gray .Button_Little_Gray_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/little.gif) repeat-x 0 -119px;
}



/* ----------------------------------------------- */
/* MIDDLE BUTTONS                                  */
/* ----------------------------------------------- */
.Button_Middle_Red,
.Button_Middle_Blue,
.Button_Middle_Gray {
	height: 24px !important;
	font: 14px/24px Arial !important;
	color: #fff !important;
	text-decoration: none !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Middle_None {
	height: 24px !important;
	line-height: 24px !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Middle_Red_Left,
.Button_Middle_Red_Right,
.Button_Middle_Red_Inner,
.Button_Middle_Blue_Left,
.Button_Middle_Blue_Right,
.Button_Middle_Blue_Inner,
.Button_Middle_Gray_Left,
.Button_Middle_Gray_Right,
.Button_Middle_Gray_Inner {
	height: 24px;
	font: 14px/24px Arial;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

.Button_Middle_None .Button_Middle_None_Inner {
	height: 24px;
	line-height: 24px;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

/* MIDDLE RED */
.Button_Middle_Red .Button_Middle_Red_Left {
	padding: 0px 0px 0px 15px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 0 -24px;
}

.Button_Middle_Red .Button_Middle_Red_Right {
	padding: 0px 15px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 100% -48px;
}

.Button_Middle_Red .Button_Middle_Red_Inner {
	padding: 0px 0px 0px 0px;
	background: #C51E26 url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) repeat-x 0 0;
}

/* MIDDLE BLUE */
.Button_Middle_Blue .Button_Middle_Blue_Left {
	padding: 0px 0px 0px 15px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 0 -96px;
}

.Button_Middle_Blue .Button_Middle_Blue_Right {
	padding: 0px 15px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 100% -120px;
}

.Button_Middle_Blue .Button_Middle_Blue_Inner {
	padding: 0px 0px 0px 0px;
	background: #294177 url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) repeat-x 0 -72px;
}

/* MIDDLE GRAY */
.Button_Middle_Gray .Button_Middle_Gray_Left {
	padding: 0px 0px 0px 15px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 0 -168px;
}

.Button_Middle_Gray .Button_Middle_Gray_Right {
	padding: 0px 15px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) no-repeat 100% -192px;
}

.Button_Middle_Gray .Button_Middle_Gray_Inner {
	padding: 0px 0px 0px 0px;
	background: #999 url(https://images.cf-rabota.com.ua/2013/11/img/buttons/middle.gif) repeat-x 0 -144px;
}




/* ----------------------------------------------- */
/* BIG BUTTONS                                  */
/* ----------------------------------------------- */
.Button_Big_Red,
.Button_Big_Blue,
.Button_Big_Gray {
	height: 38px !important;
	font: 18px/38px Arial !important;
	color: #fff !important;
	text-decoration: none !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Big_None {
	height: 38px !important;
	line-height: 38px !important;
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap !important;
	cursor: pointer;
	outline: none;
}

.Button_Big_Red_Left,
.Button_Big_Red_Right,
.Button_Big_Red_Inner,
.Button_Big_Blue_Left,
.Button_Big_Blue_Right,
.Button_Big_Blue_Inner,
.Button_Big_Gray_Left,
.Button_Big_Gray_Right,
.Button_Big_Gray_Inner {
	height: 38px;
	font: 18px/38px Arial;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

.Button_Big_None .Button_Big_None_Inner {
	height: 38px;
	line-height: 38px;
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}


/* BIG RED */
.Button_Big_Red span.Button_Big_Red_Left {
	padding: 0px 0px 0px 30px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 0 0;
}

.Button_Big_Red span.Button_Big_Red_Right {
	padding: 0px 30px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 100% -38px;
}

.Button_Big_Red span.Button_Big_Red_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) repeat-x 0 -76px;
}



/* BIG BLUE */
.Button_Big_Blue .Button_Big_Blue_Left {
	padding: 0px 0px 0px 30px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 0 -114px;
}

.Button_Big_Blue .Button_Big_Blue_Right {
	padding: 0px 30px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 100% -152px;
}

.Button_Big_Blue .Button_Big_Blue_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) repeat-x 0 -190px;
}


/* BIG GRAY */
.Button_Big_Gray .Button_Big_Gray_Left {
	padding: 0px 0px 0px 30px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 0 -228px;
}

.Button_Big_Gray .Button_Big_Gray_Right {
	padding: 0px 30px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) no-repeat 100% -266px;
}

.Button_Big_Gray .Button_Big_Gray_Inner {
	padding: 0px 0px 0px 0px;
	background: transparent url(https://images.cf-rabota.com.ua/2013/11/img/buttons/big.gif) repeat-x 0 -304px;
}



/* DISABLED BUTTONS CURSORS */
.Button_Little_Gray,
.Button_Middle_Gray,
.Button_Big_Gray {
	cursor: default;
}


/* CSS3 GRAY BUTTON */
.gray-btn {
	text-decoration: none !important;
	outline: none;
	color: #333 !important;
	border-radius: 3px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#f7f7f7,#ddd);
	background-image: -moz-linear-gradient(#f7f7f7,#ddd);
	background-image: -o-linear-gradient(#f7f7f7,#ddd);
	background-image: -ms-linear-gradient(#f7f7f7,#ddd);
	background-image: linear-gradient(#f7f7f7,#ddd);
}

.gray-btn:hover {
	background-color: #f7f7f7;
	background-image: -webkit-linear-gradient(#fff,#eee);
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -o-linear-gradient(#fff,#eee);
	background-image: -ms-linear-gradient(#fff,#eee);
	background-image: linear-gradient(#fff,#eee);
}

.blue-btn {
	text-decoration: none !important;
	outline: none;
	color: #fff !important;
	border-radius: 3px;
	padding: 5px 10px;
	border: 1px solid #4a6488;
	background-color: #506c90;
	background-image: -webkit-linear-gradient(#607da1,#3f5b80);
	background-image: -moz-linear-gradient(#607da1,#3f5b80);
	background-image: -o-linear-gradient(#607da1,#3f5b80);
	background-image: -ms-linear-gradient(#607da1,#3f5b80);
	background-image: linear-gradient(#607da1,#3f5b80);
	box-shadow: inset 0 1px 1px #98abc2;
}


.green-btn {
	text-decoration: none !important;
	outline: none;
	color: #fff !important;
	border-radius: 3px;
	padding: 5px 10px;
	border: 1px solid #58af1b;
	background-color: #69b819;
	background-image: -webkit-linear-gradient(#8dcd10,#58af1b);
	background-image: -moz-linear-gradient(#8dcd10,#58af1b);
	background-image: -o-linear-gradient(#8dcd10,#58af1b);
	background-image: -ms-linear-gradient(#8dcd10,#58af1b);
	background-image: linear-gradient(#8dcd10,#58af1b);
}

.green-big-btn {
	color: #fff !important;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 18px;
	line-height: 1;
	padding: 3px 20px 7px 20px;
	border-radius: 3px;
	border-top: 2px solid #008400;
	border-right: 2px solid #009900;
	border-bottom: 2px solid #00b000;
	border-left: 2px solid #009900;
	background: #008800;
	background-image: -webkit-linear-gradient(#009c00,#007500);
	background-image: -moz-linear-gradient(#009c00,#007500);
	background-image: -o-linear-gradient(#009c00,#007500);
	background-image: -ms-linear-gradient(#009c00,#007500);
	background-image: linear-gradient(#009c00,#007500);
	box-shadow: inset 0 1px 1px #00b630, 0px 0px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
