/*
	#xyz  : for elements with id=xyz
	.xyz  : for elements with class=xyz
	A.#b  : for tag A with id=b
	A.b   : for tag A with class=b
	#A .B : for tag with id=A and class=B
	#A #B : for tag with id=B that is inside a tag with id=A
*/


html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: rgb(74,159,233) !important;
	font-size: 15px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

#WSPreloaderWarehouse{
	z-index:-2000;
	position:absolute;
	top:-400px;
	left:-400px;
}


#WSEditContainer {
	height: 100%;
	width: 100%;
	vertical-align: middle;
	position: absolute;
}

#WSEdit {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; /* !important;*/
	overflow: auto;
	display: block;
	direction: ltr;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	position: absolute;
}

/******************************************************************************
WS Top Bar 
******************************************************************************/
#WSTopBar{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	direction: ltr;
	z-index: 1;
	position: absolute;
	display: block;	
	height:26px;
	background-image:url(../images/top_px.png);
	background-repeat:repeat-x;
	background-position: bottom;
}

#WSTopBar .wslogo {
	float:left;
	margin: 2px 0px 0px 4px;
	width:120px;
	height:19px;
	display: block;
	background-image: url(../images/logo_top.png);
	background-repeat:no-repeat;
}

#WSTopBar .questMarkButton {
	padding: 0;
	float:right;
	margin: 6px 4px 0px 0px;
	width:16px;
	height:15px;
	display: block;
	z-index: 100;
	background-repeat:no-repeat;
	cursor: pointer;
	background-image: url(../images/question_mark_button.png);	
}

/*
#WSTopBar {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	display: block;
	direction: ltr;
	position: absolute;
}

#WSTopBar #WSTopBar1 #WSTopBar2 #WSTopBar3 #WSTopBar4 #WSTopBar5 #WSTopBar6 {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	display: block;
	direction: ltr;
	position: absolute;
}

#WSTopBar {
	height: 32px;
}

#WSTopBar1 {
	height: 2px;
	background-color: rgb(0,132,249) !important;
}

#WSTopBar2 {
	height: 1px;
	background-color: rgb(0,89,167) !important;
}

#WSTopBar3 {
	height: 11px;
	background-color: rgb(0,73,136) !important;
}

#WSTopBar4 {
	height: 13px;
	background-color: rgb(0,37,71) !important;
}

#WSTopBar5 {
	height: 5px; 
	background-color: rgb(0,84,153) !important;
}
*/
/******************************************************************************
WS Bottom Bar 
******************************************************************************/
#WSBottomBar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px; /* !important;*/
	overflow: hidden;
	display: block;
	position: absolute;
	/*background-color: rgb(13,49,83) !important;*/
}

#WSBottomBar table , #WSBottomBar table tr{
	width: 100%;	
}
/******************************************************************************
Check Button
******************************************************************************/
#WSCheckButton {
	margin: 0;
	padding: 0;
	display: block;
	direction: rtl;
	float: right;
	text-align: right;
	background-color: transparent !important;
}

#WSCheckButton a .normal , #WSCheckButton a .active , #WSCheckButton a .clicked {
	margin: 0;
	padding: 0;
	width: 71px;
	height: 23px;
	font-weight: bold;
	display: block;
	background-repeat:no-repeat;
	cursor: pointer;
	background-color: transparent !important;
}

#WSCheckButton a .normal {
	background-image: url(../images/check_btn.png);
}

#WSCheckButton a .active {
	background-image: url(../images/check_btn_active.png);
}

#WSCheckButton a .clicked {
	background-image: url(../images/check_btn_clicked.png);
}

/******************************************************************************
Get Application Button
******************************************************************************/
#WSGetAppButton  {
	margin: 0;
	padding: 0;
	display: block;
	direction: ltr;
	float: left;
	text-align: left;
	background-color: transparent !important;
}

#WSGetAppButton a .normal , #WSGetAppButton a .active , #WSGetAppButton a .clicked {
	margin: 0;
	padding: 0;
	width: 118px;
	height: 23px;
	font-weight: bold;
	text-align: center;	
	display: block;
	cursor: pointer;
	background-repeat:no-repeat;
	background-color: transparent !important;
}
#WSGetAppButton a .normal {
	background-image: url(../images/upgrade_btn.png);
}	
#WSGetAppButton a .active {
	background-image: url(../images/upgrade_btn_active.png);
}	
#WSGetAppButton a .clicked {
	background-image: url(../images/upgrade_btn_clicked.png);
}

/******************************************************************************
Get Application Button
******************************************************************************/
#WSUpgrade .normal , #WSUpgrade .active , #WSUpgrade .clicked {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: rgb(53,101,103);	
}
#WSUpgrade .normal {
	background-color: rgb(191,232,120);
}	
#WSUpgrade .active {
	background-color: rgb(135,211,0);
}	
#WSUpgrade .clicked {
	background-color: rgb(135,211,0);
}	
/*******************************************************************************
	Style for the suggestions (after we click a word) 
*******************************************************************************/
table.wsSuggestions
{
	font-size: 100%;
	background-color: #c3d9ff;
	border: 2px solid;
	border-color: #e8f1ff #9daecd #9daecd #e8f1ff;
}

td.wsSuggestionsColumn
{
	font-size: 90%;
	border: 1px solid #e8f1ff;
}

th.wsSuggestionsHeader {
	font-size: 90%;
	/*
	color: blue;
	font-weight: normal;
	font-style: italic;
	*/
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}

td.wsSuggestion {
	cursor: default;
	color: black;
	background-color: #c3d9ff;
	padding: 0px 5px 0px 5px;
}

td.wsSuggestionOver {
	cursor: default;
	color: white;
	background-color: #5570cc;
	padding: 0px 5px 0px 5px;
}

td.wsSuggestionDisabled {
	cursor: default;
	color: gray;
	background-color: #c3d9ff;
	padding: 0px 5px 0px 5px;
}

/*******************************************************************************
	Other Style 
*******************************************************************************/

/* Used by cmenu.js" */

.contextmenuNormalFont{
	font-family:Tahoma;
	font-size:12px;
	color:#000000;
}

.contextMenuTitle{
	cursor:default;
	font-family:Tahoma;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#1f83d9;
}

/*******************************************************************************
	Used for the summary message and server feedback messages
*******************************************************************************/
.wsFeedbackResult {
	padding: 5px;
	margin: 0;
	width : 165px;
	height: auto;
	display: block;
	font-size: 11px;
	border: 2px solid;
	background-color: #c3d9ff;
	border-color: #e8f1ff #9daecd #9daecd #e8f1ff;
	position: absolute;
	
}

#wsSummaryNotice {
	margin: 0; 	
	padding: 0; 
	display: block;
	font-size: 11px;
}

.header_li , .grammar_li , .spelling_li, .style_li {
	margin: 0;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	list-style: none;
}

.header_li {
	padding: 0px 0px 7px 0px;
	color: Black;
}

.grammar_li {
	color:#004100;
}
.spelling_li {
	color:#b60000; 
}
.style_li {
	color:#0033FF;
}

.screenContainerMsg {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

/*
#innerContainer {
	margin:0px auto;
	height: 70%;
	background-color: transparent;
}
*/

#screenContentMsg {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

#feedback_ok_button {
	width: 38px;
	/*height: 23px;*/
	/*
	height: 27px;
	line-height: 21px;
	*/
	font-size: 100%;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	/*text-decoration: blink;*/
	/* color: Red; */
	/* z-index: 100; */
}

#ServerFeedbackOKButton {
	float: left;
	/*margin: 10px 50px 10px 30px;*/
	padding: 0;
	background-color: transparent;
	/*
	width: 50px;
	height: 20px;
	cursor: pointer;
	*/
}

#ws_detect {
	float:left;
	/*display: block; */
	font-size:9pt; 
	color:#FFFFFF; 
	margin:5px 0 0 0; 
	font-weight:bold;
}


.insideScreenMsg {
	height: auto;
	/*
	margin: 2px 3px 0 3px;
	padding: 4px 0px;
	*/
	position: relative;
	text-align: left;
}


/*
#Screen, #ScreenFeedback {
	position:absolute;
	z-index:20000;
	top:0px;
	left:0px;
	width:500px;
	height:350px;
	margin: 0px;
	padding: 0px;	
	display:none;
	vertical-align: middle;
	text-align: center;
	color: #024;
	font-family: tahoma,arial;
}

#ScreenFeedbackTd{
	width:500px;
	height:350px;
}

#Screen #screenContainer{
	position: relative;
	margin: 0px auto;
	padding: 0;
	width: 275px
}

#ScreenFeedback .screenContainer{
	position: relative;
	margin: 0px auto;
	padding: 0;
	width: 275px;
}

#Screen #captionBarClose{
	position: absolute;
	top: 7px;
	right: -10px;
	width: 23px;
	height: 16px;
	background-image: url(img/screens/screen_captionbar_up.gif);
}

#ServerFeedbackXButton{
	position: relative;
	float:right;
	width: 23px;
	height: 16px;
	background-image: url(img/screens/screen_captionbar_up.gif);
}
*/

/*******************************************************************************
	Server Feedback
*******************************************************************************/

/*
#bgTopMsg {
	clear: both;
	display: none;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
*/

/*
#innerContainer {
	width: 222px;
	margin:0px auto;
}

#bgTopMsg {
	clear: both;
	width: 222px;
	height: 23px;
	margin: 0px;
	padding: 0px;
}

#bgTopMsg .left{
	float:left;
	width:4px;
	height:23px;
	behavior:url(js/iepngfix/iepngfix.htc);
	background-image:url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/screen_bg_top_left.png);
	background-color: transparent;
	background-repeat: no-repeat;
}

#bgTopMsg .center{
	float:left;
	width:214px;
	height:23px;

	background-image:url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/screen_bg_top_px.png);
	background-repeat:repeat-x;

}

#bgTopMsg .right{
	float:left;
	background-color: transparent;
	
	width:4px;
	height:23px;
	behavior: url(js/iepngfix/iepngfix.htc);
	background-image:url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/screen_bg_top_right.png);
	background-repeat: no-repeat;
}

#screenContentMsg {
	margin: 0;
	padding: 0;

	width: 220px;
	height:107px;
	border: solid 1px #002547;
	background: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/screen_bg.png) left top repeat-x;
}

#bgBottomImg {
	clear: both;
	margin: 0;
	padding: 0;


	width: 222px;
	height: 4px;
	behavior: url(js/iepngfix/iepngfix.htc);
	background: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/screen_bg_bottom.png) left top no-repeat;
	background-repeat:no-repeat;
}

#ServerFeedbackDownloadButton {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background-color: transparent;	

	width: 164px;
	height: 21px;
	cursor: pointer;
	behavior: url(js/iepngfix/iepngfix.htc);
	background: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle/Background/getwhitesmoke_dialog.png) left top no-repeat;
}

#ServerFeedbackOKButton {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	background-color: transparent;	
	
	width: 38px;
	height: 20px;
	cursor: pointer;
	behavior: url(js/iepngfix/iepngfix.htc);
	background: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Buttons/screen_ok_up.png) left top no-repeat;
}

.insideScreenMsg {
	position: relative;
	margin: 2px 3px 0 3px;
	padding: 4px 0px;
	text-align:left;
}

#questionMarkImg {
	float:left;
	margin:5px 4px 0 0;	

	width: 16px;
	height: 13px;
	background-image: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Background/exp.gif);
	background-repeat:no-repeat;
}

#ws_detect {
	float:left;
	display:block; 
	font-size:9pt; 
	color:#FFFFFF; 
	margin:5px 0 0 0; 
	font-weight:bold;
}

#ServerFeedbackXButton {
	float:right;
	margin:6px 0 0 0;	

	width: 14px;
	height: 12px;
	background-image: url(http://www.whitesmoke.com/whitesmoke_adv/demo/img/iGoogle09/Buttons/screen_captionbar_up.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
*/
/*NEW ****************************************/