@CHARSET "UTF-8";

@media all {
	*, all {
		margin: 0px;
		padding: 0px;
		outline: none;
	}
	
	a img {
		border: none;
	}
	
	body {
		background: #ffffff url(/img/cms/header_bg.png) repeat-x top left;
		text-align: center;
		
		font-family: Arial, FreeSans, sans-serif;
		font-size: 12px;
		color: #808080;
	}
	
	h1 {
		position: relative;
		float: right;
		font-size: 30px;
		font-weight: normal;
		color: #FF9716;
		margin-top: 5px;
	}
	
	h2 {
		border-bottom: 1px dotted #999999;
		font-size: 20px;
		font-weight: normal;
		color: #FF9716;
		margin: 40px 0px 15px 0px;
		padding-bottom: 10px;
	}
	
	a {
		color: #0D5EC7;
		text-decoration: none;
		outline: none;
	}
	
	a:hover {
		color: #FF9716;
	}
	
	ul, ol {
		list-style-position: inside;
	}
	
	#flashMessage {
		display: none;
		font-size: 16px;
		font-weight: bold;
		background: transparent url(/img/cms/error_orange.png) no-repeat top center;
		width: 280px;
		height: 120px;
		color: #ffffff;
		text-align: center;
	}
	
	#flashMessage.information {
		background: transparent url(/img/cms/error_blue.png) no-repeat top center;
		color: #285D8B;
		text-shadow:0 1px 1px #FFFFFF;
	}
	
		#flashMessage div {
			position: relative;
			margin: 20px;
		}
	
	#cmsWrapper {
		position: relative;
		width: 980px;
		overflow: hidden;
		margin: 0px auto;
		text-align: left;
		min-height: 500px;
	}
	
	#cmsTop {
		position: relative;
		height: 100px;
	}
	
		#atobizLogo {
			margin-top: 8px;
		}
		
		#cmsTopTitle {
			position: absolute;
			top: 0px;
			right: 0px;
			font-size: 68px;
			color: #ffffff;
			text-align: right;
			
			opacity: 0.05;
			filter: alpha(opacity=5);
			-moz-opacity:0.05;
			-khtml-opacity: 0.05;
		}
		
		#cmsTopFlags {
			position: absolute;
			top: 10px;
			right: 0px;
			text-align: right;
			
			z-index: 10;
		}
		
			#cmsTopFlags a {
				margin-left: 10px;
			}
		
		#cmsTopMessage {
			position: absolute;
			top: 45px;
			right: 2px;
			text-align: right;
			color: #DDDDDD;
			z-index: 10;
		}
		
		#cmsTopMessage a {
			color: #DDDDDD;
		}
		
		#cmsTopMessage a:hover {
			color: #FFFFFF;
		}
	
	
	#homeMenuContainer {
		background: transparent url(/img/cms/bg-home.png) no-repeat center 70px;
		clear: both;
	}
	
	#homeMenu {
		position: relative;
		width: 580px;
		margin: 0px auto;
		padding-top: 50px;
		text-align: center;
	}
	
		.homeItem {
			position: relative;
			text-align: center;
			display: inline-block;
			width: 120px;
			height: 120px;
		}
		
			.homeItem  img{
				width: 64px;
			}
	
		
	#cmsContent {
		position: relative;
		width: 980px;
	}

		#cmsLeftContent {
			position: relative;
			width: 237px;
			float: left;
			margin-top: 49px;
		}
			
			.cmsLeftBox {
				position: relative;
				overflow: hidden;
				margin-bottom: 20px;
			}
				
				.cmsLeftBox .cmsLeftBoxTop {
					position: relative;
					height: 16px;
					padding: 7px 10px;
					background: url('/img/cms/box_top.png') no-repeat top center;
				}
				
					.cmsLeftBox .cmsLeftBoxTop h3 {
						position: relative;
						font-size: 14px;
						font-weight: normal;
						color: #ffffff;
					}
				
				.cmsLeftBox .cmsLeftBoxContent {
					position: relative;
					background-color: #D1E1EF;
				}
				
				.cmsLeftBox .cmsLeftBoxText {
					padding: 10px 10px 0px 10px;
				}
				
				.cmsLeftBox .cmsLeftBoxButtons {
					text-align: center;
					padding: 10px 0px 0px 0px;
				}
				
				.cmsLeftBox .cmsLeftBoxFormContainer {
					position: relative;
					padding: 10px;
				}
				
					.cmsLeftBox .cmsLeftBoxFormContainerTop {
						position: relative;
						height: 12px;
						background: url('/img/cms/box_grey_top.png') no-repeat top center;
					}
					
					.cmsLeftBox .cmsLeftBoxFormContainerContent {
						position: relative;
						background: url('/img/cms/box_grey_mid.png') repeat-y top center;
						padding: 15px;
					}
					
					.cmsLeftBox .cmsLeftBoxFormContainerContent .textBox {
						padding: 2px;
						color: #808080;
						width: 180px;
						border: 1px solid #E4E4E4;
						margin: 2px 0px;
					}
					
					.cmsLeftBox .cmsLeftBoxFormContainerContent a.smallButtonXL,
					.cmsLeftBox .cmsLeftBoxFormContainerContent a.orangeSmallButtonXL {
						margin-left: -6px;
						margin-top: 5px;
					}
					
					.cmsLeftBox .cmsLeftBoxFormContainerBottom {
						position: relative;
						height: 12px;
						background: url('/img/cms/box_grey_down.png') no-repeat top center;
					}
					
				
				.cmsLeftBox .cmsLeftBoxBottom {
					position: relative;
					height: 5px;
					background: url('/img/cms/box_bottom.png') no-repeat top center;
				}
			
		#cmsRightContent {
			position: relative;
			float: right;
			width: 730px;
			margin-top: 8px;
		}
		
			#cmsRightContent h3 {
				font-size: 18px;
				font-weight: normal;
				color: #285D8B;
				margin: 20px 0px 10px 0px;
			}
	
	div.cmsMenu {
		position: absolute;
		top: 67px;
		right: 0px;
		vertical-align: top;
		z-index: 100;
		font-size: 14px;
	}
	
		ul.cmsMenu {
			position: relative;
			list-style: none;
		}
		
			li.cmsMenu {
				position: relative;
				display: inline-block;
				float:right;
				width: 140px;
				height: 33px;
				overflow: hidden;
				margin-left: 0px;
			}
			
			ul.cmsMenu li.active {
				width: 144px;
				margin-right: -2px;
				margin-left: -2px;
				overflow: hidden;
			}
			
			ul.cmsMenu li.cmsMenu:hover {
				height: auto;
			}
			
				ul.cmsMenu li.cmsMenu a.cmsMenu {
					position: relative;
					display: inline-block;
					width: 140px;
					height: 33px;
					background: url(/img/cms/menu_button_inactive.png) no-repeat top center;
					text-align: center;
					padding-top: 9px;
					color: #808080;
					text-shadow: #ffffff 0px 1px 1px;
				}
				
				ul.cmsMenu li.cmsMenu a.cmsMenu:hover {
					color: #24374B;
				}
				
				ul.cmsMenu li.active a.active {
					width: 144px;
					background: url(/img/cms/menu_button_active.png) no-repeat top center;
					color: #FFFFFF;
					text-shadow: none;
					margin-left: 0px;
				}
				
				ul.cmsMenu li.cmsMenu a.active:hover {
					color: #FFFFFF;
				}
		
		div.cmsSubMenuTop {
			background: url('/img/cms/submenu_top.png') top center no-repeat;
			height: 29px;
			margin-top: -15px;
		}
		
		div.cmsSubMenuContent {
			background: url('/img/cms/submenu_mid.png') top center repeat-y;
		}
		
		div.cmsSubMenuBottom {
			background: url('/img/cms/submenu_down.png') top center no-repeat;
			height: 25px;
		}
		
		ul.cmsSubMenu {
			position: relative;
			list-style: none;
		}
		
			li.cmsSubMenu {
				position: relative;
				height: 25px;
				overflow: hidden;
				text-align: center;
			}
			
				li.cmsSubMenu a.cmsSubMenu {
					position: relative;
					display: inline-block;
					height: 20px;
					text-align: center;
					padding-top: 5px;
					font-size: 14px;
					color: #808080;
				}
				
			li.cmsSubMenu a.cmsSubMenu:hover {
				color: #285D8B;
				font-weight: bold;
			}
			
	
	div.cmsBreadcrumbContainer {
		position: absolute;
		top: 30px;
		left: 0px;
		display: inline-block;
		color: #E0E0E0;
	}
		
		div.cmsBreadcrumbContainer span.cmsBreadcrumbItem {
			color: #808080;
		}
		
		div.cmsBreadcrumbContainer a {
			color: #E0E0E0;
		}
		
		div.cmsBreadcrumbContainer a:hover {
			color: #285D8B;
		}
	
	
	a.bigButtonXL {
		display: inline-block;
		width: 224px;
		height: 31px;
		padding-top: 13px;
		background: url('/img/cms/big_button_xl.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #285D8B;
		text-shadow: #ffffff 0px 1px 1px;
	}
	
	a.orangeBigButtonXL {
		display: inline-block;
		width: 224px;
		height: 31px;
		padding-top: 13px;
		background: url('/img/cms/orange_big_button_xl.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #ffffff;
		cursor: pointer;
	}
	
	a.bigButtonM {
		display: inline-block;
		width: 133px;
		height: 31px;
		padding-top: 13px;
		background: url('/img/cms/big_button_m.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #285D8B;
		text-shadow: #ffffff 0px 1px 1px;
	}
	
	a.orangeBigButtonM {
		display: inline-block;
		width: 133px;
		height: 31px;
		padding-top: 13px;
		background: url('/img/cms/orange_big_button_m.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #ffffff;
	}
	
	a.smallButtonXL {
		display: inline-block;
		width: 198px;
		height: 25px;
		padding-top: 9px;
		background: url('/img/cms/small_button_xl.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #285D8B;
		text-shadow: #ffffff 0px 1px 1px;
	}
	
	a.orangeSmallButtonXL {
		display: inline-block;
		width: 198px;
		height: 25px;
		padding-top: 9px;
		background: url('/img/cms/orange_small_button_xl.png') no-repeat top center; 
		text-align: center;
		font-size: 14px;
		color: #ffffff;
	}
	
	
	.cmsTableList {
		position: relative;
		width: 100%;
		background: url(/img/cms/table_header.png) no-repeat top center;
		border-spacing: 0px;
	}
	
		.cmsTableList th {
			color: #285D8B;
			text-shadow: #ffffff 0px 1px 1px;
			padding: 7px;
			font-size: 14px;
			height: 20px;
			text-align: left;
		}
		
		.cmsTableList td {
			padding: 8px 7px;
			border-bottom: #FF9716 1px solid;
			vertical-align: middle;
		}
		
			.cmsTableList td img {
				vertical-align: middle;
			}
	
	.cmsTableDetail {
		position: relative;
		border-spacing: 0px;
	}
	
		.cmsTableDetail th {
			color: #285D8B;
			font-size: 14px;
			font-weight: normal;
			text-align: right;
			height: 25px;
			padding-right: 20px;
		}
		
		.cmsTableDetail td {
			height: 25px;
			font-size: 14px;
		}
	
	
	.cmsPagination {
		position: relative;
		margin-top: 20px;
		text-align: center;
		font-weight: bold;
		text-shadow: #ffffff 0px 1px 1px;
	}
	
		.cmsPagination span.disabled {
			display: inline-block;
			background: transparent url(/img/cms/small_button_m) top center;
			width: 98px;
			height: 24px;
			padding-top: 10px;
		}
		
		.cmsPagination a {
			display: inline-block;
			background: transparent url(/img/cms/small_button_m) top center;
			width: 98px;
			height: 24px;
			padding-top: 10px;
		}
		
		.cmsPagination span a, .cmsPagination span.current {
			display: inline-block;
			background: transparent url(/img/cms/small_button_s) top center;
			width: 57px;
			height: 24px;
			padding-top: 10px;
		}
		
		.cmsPagination span a.next, .cmsPagination span a.prev {
			display: inline-block;
			background: transparent url(/img/cms/small_button_m) top center;
			width: 98px;
			height: 24px;
			padding-top: 10px;
		}
		
		.cmsPagination span.current {
			color: #333;
		}
	
	#cmsLogin {
		position: relative;
		text-align: center;
		clear: both;
		font-size: 14px;
		width: 100%;
		color: #444444;
	}
	
		#cmsLoginForm {
			position: relative;
			margin-top: 20px;
			padding-top: 20px;
			background: transparent url(/img/cms/bg_login.png) no-repeat top center;
			height: 300px;
		}
		
			#cmsLoginForm label {
				position: relative;
				display: inline-block;
				width: 80px;
				margin-right: 10px;
			}
			
			#cmsLoginForm input {
				position: relative;
				display: inline-block;
				width: 210px;
				padding: 5px;
				margin-bottom: 10px;
				border: 1px solid #808080;
				font-size: 14px;
			}
		
			#cmsLoginForm #loginButton {
				display: inline-block;
				width: 245px; 
				padding: 8px;
				margin: 0px;
				border: none;
				background: url(/img/cms/login_button.png) no-repeat top center;
				text-shadow: #ffffff 0px 1px 1px;
			}
		
	
	#cmsForm {
		
	}
		
		#cmsForm div.input {
			margin: 0px 0px 20px 0px;
		}
		
			#cmsForm .input label {
				display: block;
				color: #0D5EC7;
				font-size: 14px;
				margin-bottom: 3px;
				text-align: left;
			}
			
			#cmsForm .text input, 
			#cmsForm .password input, 
			#cmsForm .textarea textarea,
			#cmsForm .select select {
				width: 718px;
				border: 1px solid #E4E4E4;
				padding: 5px;
				font-size: 14px;
				color: #808080;
			} 
			
			#cmsForm .text input:focus, 
			#cmsForm .password input:focus, 
			#cmsForm .textarea textarea:focus,
			#cmsForm .select select:focus {
				border: 1px solid #0D5EC7;
				color: #444;
			} 
			
			#cmsForm .select select {
				position: relative;
				width: 100%;
			}
			
			#cmsForm .datetime {
				font-size: 20px;
				font-weight: bold;
				color: #000;
				text-align: center;
			}
			
			#cmsForm .datetime label {
				font-size: 14px;
				font-weight: normal;
			}
			
			#cmsForm .datetime select {
				border: 1px solid #E4E4E4;
				padding: 5px;
				margin: 0px 10px;
				font-size: 14px;
				color: #808080;
				min-width: 70px;
			}
			
			#cmsForm .datetime #PagesPagePublishDateMonth, #cmsForm .datetime #NewsNewPublishDateMonth {
				min-width: 120px;
			}
			
			#cmsForm .checkbox label {
				float: left; 
				margin-right: 20px;
			}
			
			#cmsForm .checkbox input {
				vertical-align: middle;
			} 
			
			#cmsForm .error-message {
				background: transparent;
				color: #CC0C23;
				padding: 2px;
				font-size: 14px;
			}
			
			#cmsForm .error input,  
			#cmsForm .error textarea {
				border: 1px solid #CC0C23;
				background-color: #FCF9F4;
			}
			
			#cmsForm .cmsFormPublishInfo div.input {
				float: left;
				margin-right: 10px;
			}
			
			#keywordsRecommendation a {
				position: relative;
				
				color: #24374B; 
				margin: 5px;
			}
			
			#keywordsRecommendation a:hover {
				color: #0D5EC7; 
			}
			
		.cmsFormFooter {
			position: relative;
			background: transparent url('/img/cms/footer_blue.png') no-repeat top center;
			width: 730px;
			height: 58px;
			text-align: right;
			margin-top: 20px;
		}
		
			.cmsFormFooter a {
				margin-left: 20px;
			}
			
			.cmsFormFooter a.orangeBigButtonXL, .cmsFormFooter a.orangeBigButtonM, 
				.cmsFormFooter a.bigButtonXL, .cmsFormFooter a.bigButtonM {
					margin-top: 8px;
			}
	
	.sortable-menu {
		font-size: 14px;
		list-style: none;
		line-height: 1.5em;
	}
	
	.sortable-menu-item {
		position: relative;
		cursor: ns-resize;
		padding: 4px 0px 10px 4px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid #efefef;
	}
		
		.sortable-menu-item .sortable-menu-item {
			border: none;
		}
	
	.help {
		cursor: pointer;
	}
	
	.cmsLeftBoxTop h3 .help {
		position: relative;
		float: right;
	}
	
	.cmsTableList th .help {
		position: relative;
		float: right;
	}
		
	.helpText {
		display: none;
		color: #ffffff;
		font-size: 13px;
		width: 460px;
		z-index: 9999;
	}
		
		.helpTextContent {
			background: #24374B;
			padding: 4px 10px 10px 10px;
			width: 430px;
			height: auto;
		}
			
			.helpTextContent h1 {
				float: none;
				margin-top: 0px;
				margin-bottom: 10px;
				padding-bottom: 10px;
				color: #ffffff;
				font-size: 16px;
				font-weight: bold;
				border-bottom: 1px solid #ffffff;
			}
			
			.helpTextContent h1 .helpClose {
				float: right;
				padding-top: 3px;
				cursor: pointer;
			}
			
			.helpTextContent p {
				margin: 10px 0px;
			}
			
			.helpTextContent strong {
				color:#FF9716;
			}
			
			.helpTextContent a {
				font-weight: bold;
				color: #ffffff;
			}
			
				.helpTextContent a:hover {
					text-decoration: underline;
				}
		
		.helpTextTop {
			background: transparent url(/img/cms/help_box_top.png) no-repeat top center;
			width: 450px;
			height: 6px;
		}
		
		.helpTextBottom {
			background: transparent url(/img/cms/help_box_down.png) no-repeat top center;
			width: 450px;
			height: 6px;
		}
}