/*------------------------- */
/*		General				*/
/*------------------------- */

* 								{ margin: 0px; padding: 0px; }

html							{ height: 100%; margin-bottom: 1px; padding-bottom: 1px; }

body							{ background-color: #ffffff; color: #525252; font-family: verdana, arial, tahoma; font-size: 62.5%; }
a,
a:link,
a:visited,
a:active,
a:hover							{ color: #009dd7; font-weight: normal; text-decoration: none; }
a:hover   						{ text-decoration: underline; }
a img							{ border: 0px; }

table							{ border: 0px; border-collapse: collapse; }
td								{ border: 0px; border-style: none; padding: 0px; margin: 0px; vertical-align: top; }
td,
ul,
li								{ font-size: 1.0em; }

div.ClearFloat					{ border: none; clear: both; float: none; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; }
div.HiddenSubmitButton			{ border: none; width: 0px; height: 0px; overflow: hidden; }

/*------------------------- */
/*		Framework			*/
/*------------------------- */

div#Frame						{ width: 960px; margin-left: auto; margin-right: auto; }

/*------------------------- */
/*		Header				*/
/*------------------------- */

div#Header						{ margin: 10px 0px 0px 0px; }

div#Logotype					{ float: left; width: 300px; height: 55px; margin-top: 10px; }
div#Logotype a img,
div#Logotype img				{ display: block; }

div#Setting						{ float: right; width: 600px; height: 55px; text-align: right; }
div#FontSize					{ margin: 5px 0px 0px 0px }
div#FontSize a.Larger			{ font-size: 13px; }
div#FontSize span				{ font-size: 12px; color: #717171; margin: 0px 8px 0px 8px; }
div#FontSize a.Smaller			{ font-size: 11px; }

/*------------------------- */
/*		Menu				*/
/*------------------------- */

div#MenuWrapper					{ margin: 20px 0px 0px 0px; height: 36px; border: 1px solid #999999; background-color: #dddddd; background-image: url(/Img/Framework/MenuBackground.gif); background-position: top left; background-repeat: no-repeat; }

div#Menu						{ float: left; width: 450px; }
div#Menu div					{ float: left; border-right: 1px solid #999999; min-width: 36px; height: 36px; background-image: url(/Img/Framework/MenuBackground.gif); background-position: top left; background-repeat: no-repeat; }
div#Menu div.Over				{ background-image: url(/Img/Framework/MenuItemOver.gif); background-position: top; background-repeat: repeat-x; background-color: #d4d4d4; }
div#Menu div.Down				{ background-image: url(/Img/Framework/MenuItemDown.gif); background-position: top; background-repeat: repeat-x; background-color: #ffffff; }
div#Menu div a					{ display: block; margin: 10px 10px 0px 10px; font-size: 120%; }
div#Menu div a,	
div#Menu div a:link,
div#Menu div a:visited,
div#Menu div a:active,
div#Menu div a:hover			{ text-decoration: none; color: #656464; font-weight: bold; }
div#Menu div a:hover			{ text-decoration: underline; color: #656464; font-weight: bold; }

div#SearchSubmitButton			{ display: none; float: right; /*display: inline;*/ margin: 6px 5px 0px 6px; height: 23px; border: 1px solid #a0b1dc; background-image: url(/Img/Framework/SearchSubmitButtonBackground.gif); background-repeat: repeat-x; background-position: top; background-color: #c6d7f3; }
div#SearchSubmitButton a		{ display: block; margin: 5px 5px 0px 5px; font-size: 11px; }
div#SearchSubmitButton a,	
div#SearchSubmitButton a:link,
div#SearchSubmitButton a:visited,
div#SearchSubmitButton a:active,
div#SearchSubmitButton a:hover	{ text-decoration: none; color: #003399; font-weight: bold; }
div#SearchSubmitButton a:hover	{ text-decoration: underline; color: #003399; font-weight: bold; }
div#SearchFieldWrapper			{ margin-top: 6px; float: right; margin-right: 8px; }
div#SearchField					{ width: 270px; height: 25px; }

div#SetupInformationFlash		{ margin: 20px 0px 0px 0px; border: 1px solid #f5e082; background-color: #ffffe5; padding: 20px; font-size: 120%; line-height: 150%; }
div#SetupInformationFlash h1	{ font-size: 120%; font-weight: bold; color: #cc6600; }
div#SetupInformationFlash p		{ margin-top: 10px; }
div#SetupInformationFlash a,	
div#SetupInformationFlash a:link,
div#SetupInformationFlash a:visited,
div#SetupInformationFlash a:active,
div#SetupInformationFlash a:hover	{ text-decoration: none; color: #000000; font-weight: bold; }
div#SetupInformationFlash a:hover	{ text-decoration: underline; color: #000000; font-weight: bold; }

div#Category					{ margin: 0px 0px 0px 0px; overflow: hidden; }
div#Category div				{ margin-top: 6px; cursor: pointer; float: left; color: #ffffff; display: inline; margin-right: 15px; width: 166px; height: 37px; background-image: url(/Img/Framework/CategoryBtn.jpg); background-position: top left; background-repeat: no-repeat; overflow: hidden; text-align: left; }
div#Category div.Important		{ background-image: url(/Img/Framework/CategoryBtnImportant.jpg); }
div#Category div.ItemActive		{ margin-top: 6px; cursor: pointer; float: left; color: #ffffff; display: inline; margin-right: 15px; width: 166px; height: 37px; background-image: url(/Img/Framework/CategoryBtnActive.jpg); background-position: top left; background-repeat: no-repeat; overflow: hidden; text-align: left; }
div#Category div.ItemActiveImportant		{ margin-top: 6px; cursor: pointer; float: left; color: #ffffff; display: inline; margin-right: 15px; width: 166px; height: 37px; background-image: url(/Img/Framework/CategoryBtnImportantActive.jpg); background-position: top left; background-repeat: no-repeat; overflow: hidden; text-align: left; }
div#Category div span			{ display: block; margin: 11px 0px 0px 7px; font-size: 12px; font-weight: bold; font-family: arial, verdana; text-transform: uppercase; }

div.CategoryMenu				{ border: 1px solid #ffffff; padding: 10px 0px 10px 0px; background: url(../Img/Framework/CategoryMenu.png) no-repeat; min-width: 150px; width: auto !important; width: 150px; position: absolute; left: 0px; top: 0px; z-index: 90; }
div.CategoryMenu a,	
div.CategoryMenu a:link,
div.CategoryMenu a:visited,
div.CategoryMenu a:active,
div.CategoryMenu a:hover		{ display: block; font-weight: bold; font-size: 120%; color: #ffffff; padding: 5px 25px 5px 25px; text-decoration: none; white-space: nowrap; font-family: arial, Verdana, Geneva, sans-serif; }
div.CategoryMenu a:hover		{ display: block; font-weight: bold; font-size: 120%; color: #ffffff; background-color: #484848; padding: 5px 25px 5px 25px; text-decoration: none; }

/*------------------------- */
/*		Content				*/
/*------------------------- */

div#Content						{ margin: 10px 0px 0px 0px; }
div#MenuColumn					{ float: left; display: inline; width: 150px; margin-right: 20px; }
div#LeftColumn					{ float: left; display: inline; width: 640px; }
div#LeftColumn.Small			{ float: left; display: inline; width: 470px; }
div#RightColumn					{ float: left; display: inline; width: 300px; margin: 0px 0px 0px 20px; }
div#LeftColumn.Wide				{ float: left; display: inline; width: 800px; }

div#Movie #ExternalPlayer		{ width: 640px; height: 150px; background-color: #ffffff; border: 1px solid #009dd7; }
div#Movie #ExternalPlayer p		{ margin-top: 65px; text-align: center; font-size: 130%; }
div#Movie #ExternalPlayer p,
div#Movie #ExternalPlayer p a:link,
div#Movie #ExternalPlayer p a:visited,
div#Movie #ExternalPlayer p a:active,
div#Movie #ExternalPlayer p a:hover		{ color: #009dd7; font-weight: bold; text-decoration: none; }
div#Movie #ExternalPlayer p a:hover   	{ text-decoration: underline; }

div#Movie #VideoPlayer			{ width: 640px; height: 392px; background-color: #000000; display: block; }
div#Movie #VideoPlayer div.PlayerIntro { width: 640px; height: 360; overflow: hidden; }
div#Movie #VideoPlayer img,
div#Movie #VideoPlayer div img	{ display: block; }
div#Movie #ClipInfo				{ padding: 14px; background-color: #eeeeee; border: 1px solid #cccccc; border-top: 0px; color: #525252; }
div#Movie #ClipInfo	h1			{ font-size: 120%; font-weight: bold; }
div#Movie #ClipInfo	p			{ font-size: 110%; margin-top: 10px; line-height: 160%; }
div#Movie #ClipInfo	table		{ margin-top: 10px; width: 100%; }
div#Movie #ClipInfo td			{ font-size: 110%; }
div#Movie #ClipInfo td.Previous	{ width: 50%; }
div#Movie #ClipInfo td.Next		{ width: 50%; text-align: right; }

.ProductContentBox				{ padding: 15px; font-size: 110%; line-height: 160%; }
.ProductContentBox h1			{ font-size: 120%; font-weight: bold; }
.ProductContentBox p			{ margin-top: 10px; }
.ProductContentBox ul,
.ProductContentBox ol			{ margin-top: 10px; margin-left: 25px; }
.ProductContentBox li			{ margin-bottom: 2px; }

.ProductBox						{ padding: 5px; margin: 0px 0px 20px 0px; border: 1px solid #cccccc; background-color: #eeeeee; }
.ProductBox h1					{ font-size: 200%; color: #303030; font-weight: normal; margin-bottom: 5px; }
.ProductBox h1 sup				{ font-size: 70%; }
.ProductBox h2					{ font-size: 110%; color: #303030; font-weight: normal; margin-bottom: 5px; font-style: italic; }
.ProductBox h3					{ font-size: 110%; color: #303030; font-weight: normal; margin-bottom: 5px; font-style: italic; }
.ProductBox .Divider			{ height: 2px; margin: 10px 0px 8px 0px; border-top: 1px solid #cccccc; }
.ProductBox .Tip				{ padding: 0px 0px 0px 20px; font-size: 110%; background-image: url(/Img/Icon/Mail.gif); background-position: 0px -2px; background-repeat: no-repeat; }

.PlaylistBox					{ margin: 0px 0px 20px 0px; border: 1px solid #cccccc; background-color: #ffffff; }
.PlaylistBox .Header			{ padding: 4px; background-image: url(/Img/Framework/BoxHeaderBackground.gif); border-bottom: 1px solid #cccccc; }
.PlaylistBox .Header table		{ width: 100%; }
.PlaylistBox .Header td.Title	{ font-size: 150%; color: #303030; }
.PlaylistBox .Header td.Info	{ color: #949494; display: block; text-align: right; padding-top: 3px; }

.Playlist						{ padding: 3px 0px 3px 0px; }
.Playlist div.Chapter			{ padding: 5px 5px 5px 5px; color: #656464; font-size: 110%; font-weight: bold; }	
.Playlist div.Title				{ padding: 5px 5px 5px 25px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #ffffff; background-image: url(/Img/Icon/Camcorder.gif); background-position: 3px 4px; background-repeat: no-repeat; }
.Playlist div.TitleActive		{ padding: 5px 5px 5px 25px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; background-color: #fafafa; background-image: url(/Img/Icon/Camcorder.gif); background-position: 3px 4px; background-repeat: no-repeat; }
.Playlist div.Title div.TitleWrapper { padding-right: 15px; }
.Playlist div.TitleActive div.TitleWrapper { padding-right: 15px; background-image: url(/Img/Framework/PlaylistPlay.gif); background-position: 100% 50%; background-repeat: no-repeat; }

.Playlist div.TitleWrapper span	{ display: block; color: #a4a4a4; margin: 3px 0px 0px 0px; }	
.Playlist div.TitleWrapper a	{ font-size: 110%; }
.Playlist div.TitleWrapper a,
.Playlist div.TitleWrapper a:link,
.Playlist div.TitleWrapper a:visited,
.Playlist div.TitleWrapper a:active,
.Playlist div.TitleWrapper a:hover		{ color: #009dd7; font-weight: bold; text-decoration: none; }
.Playlist div.TitleWrapper a:hover   	{ text-decoration: underline; }

.DocumentBox					{ margin: 0px 0px 20px 0px; border: 1px solid #cccccc; background-color: #ffffff; }
.DocumentBox .Header			{ padding: 4px; background-image: url(/Img/Framework/BoxHeaderBackground.gif); border-bottom: 1px solid #cccccc; }
.DocumentBox .Header table		{ width: 100%; }
.DocumentBox .Header td.Title	{ font-size: 150%; color: #303030; }
.DocumentBox .Header td.Info	{ color: #949494; display: block; text-align: right; padding-top: 3px; }
.DocumentBox .Content			{ padding: 0px 5px 5px 5px; }
.DocumentBox .Link				{ padding: 0px 0px 0px 20px; margin-top: 5px; font-size: 110%; background-image: url(/Img/Icon/Document.gif); background-position: 0px -2px; background-repeat: no-repeat; }

.LinkBox						{ margin: 0px 0px 20px 0px; border: 1px solid #cccccc; background-color: #ffffff; }
.LinkBox .Header				{ padding: 4px; background-image: url(/Img/Framework/BoxHeaderBackground.gif); border-bottom: 1px solid #cccccc; }
.LinkBox .Header table			{ width: 100%; }
.LinkBox .Header td.Title		{ font-size: 150%; color: #303030; }
.LinkBox .Header td.Info		{ color: #949494; display: block; text-align: right; padding-top: 3px; }
.LinkBox .Content				{ padding: 0px 5px 5px 5px; }
.LinkBox .Link					{ padding: 0px 0px 0px 20px; margin-top: 5px; font-size: 110%; background-image: url(/Img/Icon/Link.gif); background-position: 0px -2px; background-repeat: no-repeat; }

.InfoBox						{ margin: 20px 0px 20px 0px; border: 1px solid #cccccc; background-color: #ffffff; }
.InfoBox .Header				{ padding: 4px 15px 4px 15px; background-image: url(/Img/Framework/BoxHeaderBackground.gif); border-bottom: 1px solid #cccccc; }
.InfoBox .Header table			{ width: 100%; }
.InfoBox .Header td.Title		{ font-size: 150%; color: #303030; }
.InfoBox .Header td.Info		{ color: #949494; display: block; text-align: right; padding-top: 3px; }
.InfoBox .Content				{ padding: 8px 15px 8px 15px; }
.InfoBox .Content h1			{ font-size: 120%; font-weight: bold; }
.InfoBox .Content p				{ margin-top: 10px; font-size: 110%; line-height: 120%; }
.InfoBox .Content ul,
.InfoBox .Content ol			{ margin-top: 10px; margin-left: 25px; }
.InfoBox .Content li			{ margin-bottom: 2px; font-size: 110%; line-height: 120%; }

.GeneralContent					{ font-size: 120%; line-height: 150%; }
.GeneralContent h1				{ font-size: 170%; font-weight: bold; margin-bottom: 20px; line-height: 130%; }
.GeneralContent p				{ margin-top: 10px; }
.GeneralContent ul,
.GeneralContent ol				{ margin-top: 10px; margin-left: 25px; }
.GeneralContent li				{ margin-bottom: 2px; }

/*.GeneralButton					{ float: left; display: inline; height: 23px; border: 1px solid #a0b1dc; background-image: url(/Img/Framework/GeneralButtonBackground.gif); background-repeat: repeat-x; background-position: top; background-color: #c6d7f3; }
.GeneralButton a				{ display: block; margin: 3px 5px 0px 5px; font-size: 11px; }
.GeneralButton a,	
.GeneralButton a:link,
.GeneralButton a:visited,
.GeneralButton a:active,
.GeneralButton a:hover			{ text-decoration: none; color: #003399; font-weight: bold; }
.GeneralButton a:hover			{ text-decoration: underline; color: #003399; font-weight: bold; }*/
.GeneralButton					{ float: left; display: inline; height: 23px; border: 1px solid #627406; background-image: url(/Img/Framework/GeneralButtonBackground.gif); background-repeat: repeat-x; background-position: top; background-color: #c6d7f3; }
.GeneralButton a				{ display: block; margin: 3px 5px 0px 5px; font-size: 11px; }
.GeneralButton a,	
.GeneralButton a:link,
.GeneralButton a:visited,
.GeneralButton a:active,
.GeneralButton a:hover			{ text-decoration: none; color: #ffffff; font-weight: bold; }
.GeneralButton a:hover			{ text-decoration: underline; color: #ffffff; font-weight: bold; }

/*.SectionButton					{ float: left; display: inline; height: 23px; border: 1px solid #c3cf21; background-image: url(/Img/Framework/SectionButtonBackground.gif); background-repeat: repeat-x; background-position: top; background-color: #d4d98a; }
.SectionButton a				{ display: block; margin: 4px 5px 0px 5px; font-size: 11px; }
.SectionButton a,	
.SectionButton a:link,
.SectionButton a:visited,
.SectionButton a:active,
.SectionButton a:hover			{ text-decoration: none; color: #696c3a; font-weight: bold; }
.SectionButton a:hover			{ text-decoration: underline; color: #696c3a; font-weight: bold; }*/
.SectionButton					{ float: left; display: inline; height: 23px; border: 1px solid #627406; background-image: url(/Img/Framework/GeneralButtonBackground.gif); background-repeat: repeat-x; background-position: top; background-color: #c6d7f3; }
.SectionButton a				{ display: block; margin: 3px 5px 0px 5px; font-size: 11px; }
.SectionButton a,	
.SectionButton a:link,
.SectionButton a:visited,
.SectionButton a:active,
.SectionButton a:hover			{ text-decoration: none; color: #ffffff; font-weight: bold; }
.SectionButton a:hover			{ text-decoration: underline; color: #ffffff; font-weight: bold; }

div#MenuColumn ul				{ list-style: none; margin-top: 30px; font-size: 120%; line-height: 150%; }
div#MenuColumn ul li			{ padding-bottom: 5px; }
div#MenuColumn ul li a,
div#MenuColumn ul li a:link,
div#MenuColumn ul li a:visited,
div#MenuColumn ul li a:active,
div#MenuColumn ul li a:hover	{ color: #009dd7; font-weight: bold; text-decoration: none; }
div#MenuColumn ul li a:hover   	{ text-decoration: underline; }

/*------------------------- */
/*		Footer				*/
/*------------------------- */

div#Footer						{ margin: 40px 0px 20px 0px; border-top: 1px solid #999999; font-size: 110%; }
div#Footer div.Left				{ float: left; width: 40%; }
div#Footer div.Left div			{ margin: 15px 20px 0px 20px; }
div#Footer div.Left div span	{ margin: 0px 8px 0px 8px; color: #717171; } 
div#Footer div.Left div a,					
div#Footer div.Left div a:link,
div#Footer div.Left div a:visited,
div#Footer div.Left div a:active,
div#Footer div.Left div a:hover	{ text-decoration: none; color: #717171; font-weight: normal; }
div#Footer div.Left div a:hover	{ text-decoration: underline; color: #717171; font-weight: normal; }
div#Footer div.Right			{ float: right; width: 40%; text-align: right; }

/*------------------------- */
/*		Form    			*/
/*------------------------- */

.FormTitle,
.FormTitleActive				{ font-weight: bold; margin-bottom: 3px; color: #565656; }
.FormTitleActive				{ color: #1b7eca; }
.FormTitle span,
.FormTitleActive span			{ font-weight: normal; color: #565656; }
.FormInputText,
.FormInputTextActive,
.FormTextarea,
.FormTextareaActive				{ border: 1px solid silver; font-size: 13px; height: 17px; padding: 3px; margin-bottom: 15px; font-family: verdana, arial; color: #000000; }
.FormInputTextActive,
.FormTextareaActive				{ border: 1px solid #1b7eca; color: #000000; }
.FormSelect						{ font-size: 13px; margin-bottom: 15px; font-family: verdana, arial; color: #000000; }
.FormSelectActive				{ font-size: 13px; margin-bottom: 15px; font-family: verdana, arial; color: #000000; }
.FormButton						{ border: 1px solid silver; font-size: 1.0em; padding: 2px; margin-bottom: 15px; font-family: verdana, arial; color: #565656; font-weight: bold; background-color: #f4f4f4; }
.FormButtonOver					{ border: 1px solid silver; font-size: 1.0em; padding: 2px; margin-bottom: 15px; font-family: verdana, arial; color: #565656; font-weight: bold; background-color: #f4f4f4; }

/*------------------------- */
/*		Switch Dialog		*/
/*------------------------- */

#SwitchDialog 					{ width: 600px; height: 300px; position: fixed; _position: absolute; top: 25%; left: 50%; margin-top: -75px; margin-left: -300px; z-index: 1000; display: none; background-color: #ffffff; border: 10px solid #999999; }
#SwitchDialog div.Message 		{ overflow: visible; margin: 25px 25px 0px 25px; color: #525252; font-size: 150%; line-height: 120%; text-align: center; }
#SwitchDialog div.Message h1 	{ font-size: 170%; font-weight: bold; margin-bottom: 20px; line-height: 130%; }
#SwitchDialog div.Message p 	{ margin-bottom: 1.4em; line-height: 150%; }
#SwitchShadow 					{ position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 999; display: block; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; display: none; }






table.LinkList					{ width: 100%; }
table.LinkList tr td			{ vertical-align: bottom; text-align: center; padding-bottom: 30px; }
table.LinkList tr.Seperator td	{ padding-bottom: 15px; }






/*------------------------- */
/*		dhtmlxCombo			*/
/*------------------------- */

.dhx_combo_img{
	/*visibility: hidden;*/
	position: absolute;
	top: -1px;
	right: -1px;
	width: 28px;
	height: 25px;
}

.dhx_combo_option_img{
	position: relative;
	top: 1px;
	margin-left: 2px;
	left: 0px;
	width: 18px;
	height: 18px;
}
.dhx_combo_input{
	color: #303030;
	font-size: 12px;
	font-family: verdana;
	border: 0px;
	padding: 4px 4px 2px 4px;
	position: absolute;
	top: 0px;
}
.dhx_combo_box{
	position: relative;
	text-align: left;
	border: 1px solid #999999;
	height: 23px;
	_height: 25px;
	overflow: hidden;
    background-color: #ffffff;
}

.dhx_combo_list{
   position: absolute;
   z-index: 230;
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #999999;
   height: 100px;
   font-size: 12px;
   background-color: #ffffff;
   color: #303030;
}

.dhx_combo_list div{
	cursor: pointer;
	padding: 4px 4px 4px 4px;
}
.dhx_selected_option{
	background-color: #999999;
	color: #ffffff;
}

.dhx_combo_img_rtl{
	position: absolute;
	top: 0px;
	left: 1px;
	width: 17px;
	height: 20px;
}
.dhx_combo_option_img_rtl{
	float: right;
	margin-right: 0px;
	width: 18px;
	height: 18px;
}

.dhx_combo_list_rtl{
 	direction: rtl;
	unicode-bidi: bidi-override;
	position: absolute;
	z-index: 230;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #999999;
	height: 100px;
	font-size: 12px;
	background-color: #ffffff;
}
.dhx_combo_list_rtl div{
	direction: rtl;
	unicode-bidi: bidi-override;
}
.dhx_combo_list_rtl div div{
	float: right !important;
	cursor: default;
	padding: 2px 2px 2px 2px;
}
.dhx_combo_list_rtl div img{
	float :right !important;
}
.dhx_combo_list_rtl div input{
	float :right !important;
}