HTML{
    margin:0 0 1px 0;
    height:100%;
    font-family: arial;
    padding: 0px;
}

img.hrbutton{
    background-image: url('tino/divided_ruler.png');
    background-repeat: no-repeat;
}

img.hrbutton:hover{
    background-image: url('tino/divided_ruler_over.png');
    background-repeat: no-repeat;
}

img.italicbutton{
    background-image: url('tino/italic-hover.png');
    background-repeat: no-repeat;
}

img.italicbutton:hover{
    background-image: url('tino/italic.png');
    background-repeat: no-repeat;
}

img.boldbutton {
    background-repeat: no-repeat;
    background-image: url('tino/bold-hover.png');
}

img.boldbutton:hover {
    background-repeat: no-repeat;
    background-image: url('tino/bold.png');
}

img.paragraphbutton {
    background-repeat: no-repeat;
    background-image: url('tino/paragraph-hover.png');
}

img.paragraphbutton:hover {
    background-repeat: no-repeat;
    background-image: url('tino/paragraph.png');
}

img.underlinebutton{
    background-repeat: no-repeat;
    background-image: url('tino/underline-hover.png');
}

img.underlinebutton:hover{
    background-repeat: no-repeat;
    background-image: url('tino/underline.png');
}

img.colorbutton{
    background-repeat: no-repeat;
    background-image: url('tino/color-hover.png');
}
img.colorbutton:hover{
    background-repeat: no-repeat;
    background-image: url('tino/color.png');
}


#header {
    position:relative;
    top:-5px;
    margin: 0;
    padding: 0;
}

BODY {
    margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    margin-bottom: 5px; 
}

html {
   overflow:hidden;
   overflow-x: hidden;
   overflow-y: auto;
   
}

#mainContainer {
    margin-left:auto;
    margin-right:auto;
    width: 986px;
}

div.login {
    margin: 100px auto 0px auto;
    width: 350px;
    height: 427px;
    background: url(images/bg_login.png) top left no-repeat;
}

div.loginBody {
    position: relative;
    top: 100px;
    left: 35px;
    text-decoration: none;
    list-style: none;
    width: 330px;
}

div.uname label,div.pword label {
    color: white;
    text-decoration: none;
}

div.uname {
    position: relative;
    top: 10px;
    left: -5px;
}

div.unamebox {
    position: relative;
    top: 20px;
    left: -5px;
}

div.pword {
    position: relative;
    top: 51px;
    left: -5px;
}

div.pwordbox {
    position: relative;
    top: 61px;
    left: -5px;
}
div.autherror{
    position: absolute;
    top: 190px;
    left: -5px; 
    color:red;
}
textarea.textbox {
    border-style: none;
    border-width: 0px;
}

div.login input.textbox {
    border-style: none;
    border-width: 0px;
    font-weight: 600;
    font-size: 16pt;
    padding: 7px 0 0 5px;
    color: #0099CC;
    width: 300px;
    height: 41px;
    margin: 0 0 0 -5px;
    background: url(images/bg_input.png) top left no-repeat;
}

div.login input.button {
    position: relative;
    top: 20px;
    left: 58px;
    background: url(images/btnLogin.png) 0 0 no-repeat;
    width: 165px;
    height: 48px;
    border: none;
}

div.lostpass {
    position: relative;
    top: 90px;
    left: -5px;
}

input.textbox:hover {
    border-style: none;
    border-width: 0px;
    color: #0C0;
}

input.textbox-fucus {
}

div.error {
    clear: both;
}

div.titlebar {
    height: 53px;
    background: url(images/bar1.png) top left no-repeat;
    clear: both;
}

td.title {
    vertical-align: top;	
}

ul.applicationmenu {
    height: 82px;
    float:left;
    padding: 0px;
    list-style: none;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}

ul.applicationmenu li.signout {
    width: 89px;
    height: 29px;
    float:left;
    background: url(images/sign_out.png) top left no-repeat;
}

ul.applicationmenu li.start {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    text-align: center;
}

ul.applicationmenu li.start_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.newbrochure {
    margin: 0;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.newbrochure_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.brochuremanagement {
    margin : 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.brochuremanagement_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.faq {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.faq_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.imagemanagement {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.imagemanagement_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.audiomanagement {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.colorschemes {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
}

ul.applicationmenu li.colorschemes_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

ul.applicationmenu li.usermanagement {
    margin: 0px;
    position: static;
    float: left;
    width: 107px;
    height: 64px;
    
}

ul.applicationmenu li.usermanagement_selected {
	margin-top:-5px;
    position: static;
    float: left;
    width: 107px;
    height: 103px;
    background: url(tino/menu_selected_border.png) top left no-repeat;
}

#brochuremenu {
    height: 47px;
    width: 986px;
    clear: both;
    margin-left:-5px;
    margin-top:-15px;
}

.non-selected-bmenu1 {
    float:left;
    height:47px;
    width:195px;
    position: relative;
    cursor:pointer;
    background: url(tino/step1.png) top left no-repeat;
}

.selected-bmenu1 {
    float:left;
    height:47px;
    width:195px;
    position: relative;
    cursor:pointer;
    background: url(tino/step1-selected.png) top left no-repeat;
}

.non-selected-bmenu1:hover {
    cursor:pointer;
    background: url(tino/step1-hover.png) top left no-repeat;
}

.non-selected-bmenu2 {
    margin-left:-12px;
    float:left;
    height:47px;
    width:218px;
    position: relative;
    cursor:pointer;
    background: url(tino/step2.png) top left no-repeat;
}

.selected-bmenu2 {
    margin-left:-12px;
    float:left;
    height:47px;
    width:218px;
    cursor:pointer;
    background: url(tino/step2-selected.png) top left no-repeat;
}

.non-selected-bmenu2:hover {
    cursor:pointer;
    background: url(tino/step2-hover.png) top left no-repeat;
}

.non-selected-bmenu3 {
    margin-left:-13px;
    float:left;
    height:47px;
    width:197px;
    position: relative;
    background: url(tino/step3.png) top left no-repeat;
    cursor:pointer;
}

.selected-bmenu3 {
    margin-left:-13px;
    float:left;
    height:47px;
    width:197px;
    background: url(tino/step3-selected.png) top left no-repeat;
    cursor:pointer;
}

.non-selected-bmenu3:hover {
    cursor:pointer;
    background: url(tino/step3-hover.png) top left no-repeat;
}

.non-selected-bmenu4 {
    margin-left:-14px;
    float:left;
    height:47px;
    width:213px;
    position: relative;
    background: url(tino/step4.png) top left no-repeat;
    cursor:pointer;
}

.selected-bmenu4 {
    margin-left:-14px;
    float:left;
    height:47px;
    width:213px;
    background: url(tino/step4-selected.png) top left no-repeat;
    cursor:pointer;
}

.non-selected-bmenu4:hover {
    cursor:pointer;
    background: url(tino/step4-hover.png) top left no-repeat;
}

.non-selected-bmenu5 {
    margin-left:-28px;
    float:right;
    height:47px;
    width:214px;
    position: relative;
    background: url(tino/step5.png) top left no-repeat;
    cursor:pointer;
}

.selected-bmenu5 {
    margin-left:-28px;
    float:right;
    height:47px;
    width:214px;
    background: url(tino/step5-selected.png) top left no-repeat;
    cursor:pointer;
}

.non-selected-bmenu5:hover {
    cursor:pointer;
    background: url(tino/step5-hover.png) top left no-repeat;
}

div.infobox {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 6px;
    font-size: 15px;
}

div.infobox div.header {
    /* IE 7 don't know min-height css property (UI Bug : TINO-500)
    	min-height: 6px;
    */
    height: 6px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(images/bar2Top.png) top center no-repeat;
    clear: both;
}

div.infobox div.footer {
    background: url(images/bar2Bottom.png) top center no-repeat;
    padding: 0px;
    margin: 0px;
    clear: both;
    height: 6px;
}

div.infobox div.body {
    background: url(images/bar2Tile.png) top left repeat-y;
    min-height: 6px;
    margin: 0px;
    padding: 0px 5px 0px 5px;
}

div.infobox div.body p {
	margin:0;
    padding: 0.25em 5px 0.25em 5px;
}

div.infobox div.bodyMedia {
    background: url(images/bar2Tile.png) top left repeat-y;
    min-height: 0px;
}

div.infobox div.bodyMedia {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

div.infobox div.bodyMediaContent {
    min-height: 6px;
    margin: 0px;
    padding: 0px 0px 16px 16px;
}

div.infobox div.bodyMediaCombo {
    min-height: 0px;
    margin: 0px;
    padding: 0px 0px 0px 16px;
}

div.subInfobox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 12px;
    font-size: 15px;
}

div.subInfobox div.header {
    /* IE 7 don't know min-height css property (UI Bug : TINO-500)
    	min-height: 6px;
    */
    height: 21px;
    padding: 0px 0px 0px 0px;
    margin: 0px -1px 0px 0px;
    background: url(tino/line_top.1.png) top center no-repeat;
    clear: both;
}

div.subInfobox div.headerMenu {
    background: url(tino/line_middle.1.png) top left repeat-y;
    min-height: 21px;
    margin: 0px;
    width : 977px;
    padding: 0px 5px 0 10px;
}

div.subInfobox div.body {
    background: url(tino/line_middle.1.png) top left repeat-y;
    min-height: 6px;
    width : 977px;
    margin: 0px;
    padding: 0px 5px 0px 51px;
}

div.subInfobox div.footer {
    background: url(tino/line_bottom.1.png) top center no-repeat;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
    min-height: 21px;
    width : 977px;
}

div.pagefooter {
    width: 986px;
    height: 91px;
    clear: both;
    margin: 3px 0px 0px 0px;
    background: url(images/botton.png) top left no-repeat;
}

div.navigation-button {
    clear: both;
    margin: 0px auto 0px auto;
    /*text-align: center;*/
}

div.navigation-button #copyCmd.button {    
    margin-left: 400px;
	border: 0;
    width: 174px;
    height: 58px;
    background: url(images/copy1.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;		
}

div.navigation-button #copyCmd.button:hover,div.navigation-button #copyCmd.button:active
    {
    margin-left: 400px;	
    border: 0;
    width: 174px;
    height: 58px;
    background: url(images/copy2.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #nextCmd.button {
	top:340px;
	margin-left:942px;
	position:absolute;
    border: 0;
	width: 84px;
    height: 81px;
    background: url(tino/arrow_forward_big.png) 0 0 no-repeat;
}

div.navigation-button #nextCmd.button:hover,div.navigation-button #nextCmd.button:active{
	top:340px;
	margin-left:942px;
	position:absolute;
	border: 0;
	width: 84px;
    height: 81px;
    background: url(tino/arrow_forward_big_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.navigation-button #backCmd.button {
	float:left;
	position:absolute;
	top:340px;
	margin-left:-43px;
    border: 0;
	width: 84px;
    height: 81px;
    background: url(tino/arrow_backward_big.png) 0 0 no-repeat;
}

div.navigation-button #backCmd.button:hover,div.navigation-button #backCmd.button:active{
	float:left;
	border: 0;
	top:340px;
	margin-left:-43px;
	width: 84px;
    height: 81px;
    background: url(tino/arrow_backward_big_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.downloadSection{
	border-style:none;
	border-color:#e2e1e1;
	border-width:1px;
	width:400px;
	height:100%;
	padding : 10px 20px 20px 0px;
	margin: 0px 0px 0px 0px;
}
div.paddingLeftBorder{
	
	border-bottom-style:solid;
	border-color:#e2e1e1;
	border-width:1px;
	padding : 0;
	margin: -1px 1px 0px -50px;
	width : 484px;
}
div.navigation-button #publishTestingCmd.button {
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_test_publish.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #previewCmd.button {
    margin: 6px 20px 0 0;
    border: 0;
    width: 265px;
    height: 66px;
    background: url(images/preview_btn.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #previewCmd.button:hover, div.navigation-button #previewCmd.button:active
    {
    margin: 6px 20px 0 0;
    border: 0;
    width: 265px;
    height: 66px;
    background: url(images/preview_btn_mouse_over.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #publishTestingCmd.button:hover,div.navigation-button-center #publishTestingCmd.button:active
    {
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_test_publish_hover.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #publishFinalCmd.button {
	position:relative;
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_final_publish.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #publishFinalCmd.button:hover,div.navigation-button-center #publishFinalCmd.button:active
    {
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_final_publish_hover.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

 div.navigation-button #download.button {
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_download.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #download.button:active,div.navigation-button #download.button:hover{
    margin: 6px 20px 0 0;
    border:0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_download_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.navigation-button .disableDownload {
    margin: 6px 20px 0 0;
    border: 0;
    width: 154px;
    height: 45px;
    background: url(tino/btn_download_disable.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

#downloadforbb.button {
    margin: 6px 20px 0 0;
    border: 0;
    width: 95px;
    height: 96px;
    background: url(images/download.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
    width: 95px;
    height: 96px;
}

#downloadforbb.button:hover,div.navigation-button #downloadforbb.button:active
    {
    margin: 6px 20px 0 0;
    border: 0;
    background: url(images/download_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

h1,h2,h3,h5,h6 {
    color: #0099CC;
    margin: 0;
}

div.content {
    min-height: 6px;
    margin:0;
}

div.content div.header {
    min-height: 21px;
    padding: 0px;
    margin: 0px;
    background: url(tino/contentContTop_bg.png) top left no-repeat;
    clear: both;
    width:977px;
}

div.content div.body {
    background: url(tino/contentCont_bg.png) top left repeat-y;
    min-height: 6px;
    padding: 10px 20px 10px 20px;
    margin: -10px -10px -10px 0px;
    width:938px;
}

div.content div.footer {
    background: url(tino/contentContBottom_bg.png) top left no-repeat;
    padding: 0px;
    margin: 0px;
    clear: both;
    min-height: 21px;
    width:977px;
}

div.content-infobox {
    min-height: 6px;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
}

div.content-infobox div.content-header {
    /*min-height: 10px;*/
    height: 10px;
    padding: 0px;
    margin: 0px;
    background: url(images/innerContTop_bg.jpg) top center no-repeat;
    clear: both;
}

div.content-infobox div.content-footer {
    background: url(images/innerContBottom_bg.jpg) top center no-repeat;
    padding: 0px;
    margin: 0px;
    clear: both;
    min-height: 10px;
}

div.content-infobox div.content-body {
    background: url(images/innerContTile_bg.jpg) top left repeat-y;
    min-height: 6px;
    padding: 20px;
}

a:link,a:visited {
    text-decoration: none;
    color: #0099CC;
}

div.helpbox, div.closehelp {
    position: absolute;
    margin-top: -16px;
    width: 985px;
    height: 20px;
    float: right;
}

div.glossary {
    width: 985px;
}

div.box {
    width: 929px;
    min-height: 300px;
    margin: 0 0 0 -20px;
    overflow: hidden;
    cursor: pointer;
}
.left{
	background: url(tino/pages_list_left_bar.png) 0 0 no-repeat;
	width:16px;
	height:50px;
	margin-top:-2px;
}
.right{
	background: url(tino/pages_list_right_bar.png) 0 0 no-repeat;
	width:16px;
	height:50px;
	margin-top:-2px;
}	

.middle {
    /*background-color: #E3E3E3;*/
    background: url(tino/pages_list_middle_bar.png) 0 0 repeat-x;
    height:50px;
    margin-top:3px;
    padding:0;
}

.first {
    /*background-color: #E3E3E3;
    background: url(tino/pages_list_middle_bar.png) 0 0 repeat-x;*/
}

.second {
	/*background: url(tino/pages_list_middle_bar.png) 0 0 repeat-x;*/
    /*background-color: #EFEFEF;*/
}

.trover:HOVER {
    border: solid 0px red;
    cursor: pointer;
}

.simpletrover:HOVER {
    border: solid 0px red;
}

.simpletrover:HOVER span {
    color: #0099CC;
}

.trhighlight:HOVER {
    border: solid 0px #29A8D8;
}

.simpletrover span {
    color: #FF0000;
}

div.hover-border:hover {
	margin:0;
	border: 2px solid #00bae8;
	height:50px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	color: #0099CC;
	cursor: pointer;
}

div.hover-border {
    height:50px;
    margin:2px 2px 2px 2px;
    color: #6B6B6B;
}

.trover:HOVER span {
    color: #0099CC;
    cursor: pointer;
}

.trover:HOVER a {
    color: #0099CC;
    cursor: pointer;
}

.trhighlight:HOVER {
    border: solid 2px #29A8D8;
}

.trover span {
    color: #6B6B6B;
}

.trover a {
    color: #6B6B6B;
}

.uploadIcon {
    margin: 0 0 10px 0;
    padding: 0px 0px 0px 5px;
    width: 73px;
    min-height: 45px;
    background: url(tino/add_picture.png) 0 0 no-repeat;
}

.uploadIcon:hover {
    margin: 0 0 10px 0;
    padding: 0px 0px 0px 5px;
    width: 73px;
    min-height: 45px;
    background: url(tino/add_picture_hover.png) 0 0 no-repeat;
}

.uploadMedia {
    margin: 0 0 10px 0;
	padding: 0px 0px 0px 100px;
	max-width: 700px;
	min-height: 60px;
    background: url(tino/add_picture.png) 0 0 no-repeat;
}

.addMediaLogo {
    margin: 0 0 10px 0;
	padding: 0px 0px 0px 100px;
	max-width: 700px;
	min-height: 60px;
    background: url(tino/add_media_logo.png) 0 0 no-repeat;
}

.uploadMedia:hover {
    margin: 0 0 10px 0;
	padding: 0px 0px 0px 100px;
	max-width: 700px;
	min-height: 60px;
    background: url(tino/add_picture_hover.png) 0 0 no-repeat;
}

.j2meIconPreview{
    margin: 0 0 0 0px;
    padding: 5px 0px 0px 0px;
    max-width: 122px;
    min-height: 73px;
    text-align:center;
    background: url(tino/J2me_icon.png) 0 0 no-repeat;
}

.iphoneIconPreview{
    margin: 0 0 0 0px;
    padding: 5px 0px 0px 0px;
    max-width: 122px;
    min-height: 73px;
    text-align:center;
    background: url(tino/iphone_icon.png) 0 0 no-repeat;
}

#nopad {
    margin: 0px;
    padding: 0px;
}

.uploadedImagesIcon {
    float: left;
    clear: left;
    margin: 15px 0 10px 0;
    padding: 20px 0 0 72px;
    height: 40px;
    background: url(images/uploadedImagesIcon.png) 0 0 no-repeat;
}

.uploadIcon p,.splash p {
    font-size: 12px;
    margin: 3px 0 0 0;
}

a img {
    border: 0px;
}

#splash {
    float: left;
    margin: 50px 25px 25px 50px;
    padding: 20px;
    border: 0;
}

#splash li {
    float: right;
    background: #0F9;
    margin: 0 55px 0 300px;
    padding: 20px;
    background-color: #E3E3E3;
    list-style: none;
}

.borderImg {
    position: absolute;
    padding: 5px;
    background-color: #FFFFFF;
    border-color: grey;
    border-width: thin;
    border-style: solid;
    z-index: 1005;
}

.borderImg img {
    cursor: pointer;
}

#previewed {
    width: 450px;
    margin-left: -5px;
}

#preview {
 
    background: #FFFFFF;
    border: 1px solid #666666;
    overflow: hidden;
}

#preview #previewTitle {
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

#preview #previewImage {
    text-align: center;
}

#preview #previewPage .row {
}

#preview #previewPage .text {
    
}

#preview #previewPage .image {

}

#preview #previewPage .rss {
    
}

#pageListLinkCall {
    padding: 15px;
}

#pagelist {
    padding: 15px;
}

#previewclear {
    clear: both;
}

ul.imagelist {
    list-style: none;
    clear: both;
}

ul.imagelist li.imageitem {
    float: left;
    width: 120px;
    padding: 0px;
}

ul.imagelist li.imageitem img {
    max-width: 150px;
    max-height: 94px;
}

a.deleteImage,a.deleteImage:hover {
    float: left;
    width: 32px;
    height: 32px;
    margin: 6px 0 6px 0;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
    background: url(tino/delete_picture.png) top left no-repeat;
}

div.license {
    font-family:arial;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    position: relative;
    margin:0px;
    padding:0px;
    position:relative;
    top:-46px;
    color:#FFFFFF;
    left:20px;
    width:764px;
}

div.license a {
    font-family:arial;
    color: #FFFFFF;
}

div.license p {
    font-family:arial;
    padding: 0px;
    margin: 0px;
}

div.license {
    color: #FFFFFF;
    font-family:arial;
}

div.gekkodev {
    color: #FFFFFF;
    font-size: 8pt;
}

select.icon-menu option {
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:20px;
}

div.newfooter {
    margin-left:auto;
    margin-right:auto;
    width: 986px;   
}

div.newfooter a {
    color: black;   
}

#glossary {
    font-family:arial;
    font-weight: bold;
    width: 170px;
}
div.poweredby {
    font-size: 11pt;
    font-family:arial;
    color:#333536;
    position:absolute; 
    float:left;
    margin-top:37px; 
    margin-left:722px;
}

div.poweredbyIE {
    font-size: 11pt;
    font-family:arial;
    color:#333536;
    /*position:absolute;
    display:block;*/      
    position : relative;
    margin-top:37px;
    width: 170px;
    margin-left: 100px;  
}

img.poweredbyimg {
    float:right;
    margin-top:1px;
}

img.poweredbyimgIE {   
	position : relative; 
    margin-top:1px;
    top : -50px;
    /*margin-left: 140px;*/
    margin-left: 70px;
}

div.imagebox {
    background-color: #efefef;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
    width: 120px;
    height: 110px;  
}

div.imagebox:hover {
    background-color: #d5d5d5;
    cursor:pointer;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
}

div.imageboxbanner {
    background-color: #efefef;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
    width: 120px;
    height: 80px;  
}

div.imageboxbanner:hover {
    background-color: #d5d5d5;
    cursor:pointer;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
}

div.imagedelete {
    background-color: #E8E6E6;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    text-align: right;
    padding-top: 1px;
    width: 120px;   
}

img.paragraphbuttonL {
    background-repeat: no-repeat;
    background-image: url('tino/Left.png');
}

img.paragraphbuttonL:hover {
    background-repeat: no-repeat;
    background-image: url('tino/Left-Hover.png');
}

img.paragraphbuttonC {
    background-repeat: no-repeat;
    background-image: url('tino/Center.png');
}

img.paragraphbuttonC:hover {
    background-repeat: no-repeat;
    background-image: url('tino/Center-Hover.png');
}

img.paragraphbuttonR {
    background-repeat: no-repeat;
    background-image: url('tino/Right.png');
}

img.paragraphbuttonR:hover {
    background-repeat: no-repeat;
    background-image: url('tino/Right-Hover.png');
}

td.imagebox {
    background-color: #efefef;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
    width: 120px;
    height: 110px;
}

td.imagebox:hover {
    background-color: #d5d5d5;
    cursor:pointer;
    border-bottom: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
    border-left: 1px solid #c0bfbf;
    border-top: 1px solid #c0bfbf;
}

#progress_container{
    height: 13px;
    width: 898px;
    background: url('images/small-progress-bar-back.gif') repeat;
}

#progress {
    height: 13px;
    background: url('images/small-progress-bar.gif') repeat;    
}
.buttonOver {
    cursor:pointer;
    cursor:hand;
}

#emulator {
    height: 320px;
    width: 240px;
    -moz-background-size: 100% 100%;
    -moz-background-origin: content-box;
}

#emulatorTitleText {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 240px;
}

#titleIMG {
    max-width: 240px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#emulatorTitleImage {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#emulatorBody {
    width : 240px;
    height: 320px;  
    overflow-y:scroll;
    overflow-x:hidden;
    position:relative;
    top: 0px;
}

#titleIMG {
    max-width: 240px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#j2meEmulator {
    height: 310px;
    width: 248px;
    -moz-background-size: 100% 100%;
    -moz-background-origin: content-box;
}

#j2meEmulatorTitleText {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 248px;
}

#j2meTitleIMG {
    max-width: 248px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#j2meEmulatorTitleImage {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#j2meEmulatorBody {
    height: 310px;
    width: 248px;   
    overflow-y:scroll;
    overflow-x:hidden;
    position:relative;
    top: 0px;
}

#androidEmulator {
    height: 390px;
    width: 238px;
    -moz-background-size: 100% 100%;
    -moz-background-origin: content-box;
}

#androidEmulatorTitleText {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 240px;
}

#androidTitleIMG {
    max-width: 238px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#androidEmulatorTitleImage {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#androidEmulatorBody {
    height: 390px;
	width : 238px;      
    /*overflow-y:scroll;*/
    overflow-x:hidden;
    position:relative;
    top: 0px;
}

#iphoneEmulator {
    height: 357px;
    width: 241px;
    -moz-background-size: 100% 100%;
    -moz-background-origin: content-box;
}

#iphoneEmulatorTitleText {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 244px;
}

#iphoneTitleIMG {
    max-width: 241px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#iphoneEmulatorTitleImage {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#iphoneEmulatorBody {
    height: 357px;
    width: 241px;  
    /*overflow-y:scroll;*/
    overflow-x:hidden;
    position:relative;
    top: 0px;
}

.homeTextStyle{
    color: #0099CC;
    font-size:12pt;
    font-weight: bold;
}
.homeTextStyle:hover{
    color : #656668;
    font-size:12pt;
    font-weight: bold;
    cursor : pointer;
}
.listEmail{
    color: #0099CC;
    font-size:12pt;
    font-weight: bold;
}
.first-tr td:FIRST-CHILD {
    border-left: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.first-tr td:LAST-CHILD {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.first-tr td {
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.second-tr td:FIRST-CHILD {
    border-left: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    background-color: #EFEFEF;
}

.second-tr td:LAST-CHILD {
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    background-color: #EFEFEF;
}

.second-tr td {
    border-bottom: 1px none #EFEFEF;
    border-top: 1px none #EFEFEF;
    background-color: #EFEFEF;
}

.UITable tr td {
    padding: 5px;
}

.trover-tr:hover {
    cursor: pointer;
}

.trover-tr:hover td:FIRST-CHILD {
    border-left: 1px solid #29a8d8;
    border-bottom: 1px solid #29a8d8;
    border-top: 1px solid #29a8d8;
    padding: 5px;
}

.trover-tr:hover td:LAST-CHILD {
    border-right: 1px solid #29a8d8;
    border-bottom: 1px solid #29a8d8;
    border-top: 1px solid #29a8d8;
    padding: 5px;
}

.trover-tr:hover td {
    border-bottom: 1px solid #29a8d8;
    border-top: 1px solid #29a8d8;
    padding: 5px;
}

div.navigation-button-right {
    clear: both;
    margin: 0px auto 0px auto;
    text-align: right;
}

img.non-selected-Lalign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_left.png") top left no-repeat;
}

img.selected-Lalign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_left_over.png")  top left no-repeat;
}

img.non-selected-Lalign:hover{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_left_over.png")  top left no-repeat;
}

img.non-selected-Calign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_center.png") top left no-repeat;
}

img.selected-Calign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_center_over.png") top left no-repeat;
}

img.non-selected-Calign:hover{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_center_over.png") top left no-repeat;
}

img.non-selected-Ralign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_right.png") top left no-repeat;
}

img.selected-Ralign{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_right_over.png") top left no-repeat;
}

img.non-selected-Ralign:hover{
    width : 19px;
    height : 20px;
    background : url("tino/image_align_right_over.png") top left no-repeat;
}
.editable{
     color: #000;
     background-color: #0099CC;
}


#tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 5px;
    }
#tabs ul{
    font: bold 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}
#tabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase;
}
#tabs a{
    float:left;
    background:#A3BBE6 url(images/tabs_left.gif) no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
}
#tabs a span{
    float:left;
    display:block;
    background: transparent url(images/tabs_right.gif) no-repeat right top;
    padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #7E94B9;color: white;}
#tabs a:hover span{background-color: #7E94B9;}
#tabHeaderActive span, #tabHeaderActive a { background-color: #42577B; color:#fff;}

.tabContent {
    clear:both;
    border:2px solid #42577B;
    padding-top:2px;
    background-color:#FFF;
}

.gallary {
    fload: left;
}

img.non-selected-yourimage{
    width : 132px;
    height : 45px;
    background : url("tino/btn_yourimages.png") top left no-repeat;
}

img.selected-yourimage{
    width : 132px;
    height : 45px;
    background : url("tino/btn_yourimages_selected.png") top left no-repeat;
}

img.non-selected-yourimage:hover{
    width : 132px;
    height : 45px;
    background : url("tino/btn_yourimages_hover.png") top left no-repeat;
}

img.non-selected-sampleimage{
    width : 158px;
    height : 45px;
    background : url("tino/btn_sampleimages.png") top left no-repeat;
}

img.selected-sampleimage{
    width : 158px;
    height : 45px;
    background : url("tino/btn_sampleimages_selected.png") top left no-repeat;
}

img.non-selected-sampleimage:hover{
    width : 158px;
    height : 45px;
    background : url("tino/btn_sampleimages_hover.png") top left no-repeat;
}

div.searchBG{
	width: 207px;
    height: 33px;
    background: url("tino/search_box.png") top left no-repeat;
}
.searchTextbox {
	position:relative;
	float:left;
    border-style: none;
    border-width: 0;
    font-weight: 600;
    font-size: 12pt;
    color: #e1e0e0;
    background:none; 
    padding: 7px 4px 0px 7px;
    width: 163px;
}

div.smsBackground{
	position:relative;
	float:right;
	margin : 0px 98px 0px 0px;
	top : 5px;
	width: 123px;
    height: 30px;
    background: url("tino/txtbox_phonenumber.png") top left no-repeat;
}
.smsTextbox {
	position:relative;
	float:left;
    border-style: none;
    border-width: 0;
    font-weight: 500;
    font-size: 10pt;
    color: #e1e0e0;
    background:none;
    padding: 7px 0px 0px 7px;
    width: 114px;
}

div.sendSMSButton{
	position:relative;
	float : right;
	width : 28px;
	height : 30px;
	top:-44px;
	margin-right:68px;
	background: url("tino/btn_phonenumber.png") top left no-repeat;
}

div.disableSendSMSButton{
	position:relative;
	float : right;
	width : 28px;
	height : 30px;
	top:-44px;
	margin-right:68px;
	background: url("tino/btn_phonenumber_disable.png") top left no-repeat;
}

div.sendSMSButton:hover{
	position:relative;
	float : right;
	width : 28px;
	height : 30px;
	top:-44px;
	margin-right:68px;
	background: url("tino/btn_phonenumber_hover.png") top left no-repeat;
}

 div.navigation-button #iphoneAppPublish.button {
    margin: 6px 20px 0 5px;
    border: 0;
    width: 201px;
    height: 45px;
    background: url(tino/btn_iphone_app_publish.png) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
}

div.navigation-button #iphoneAppPublish.button:active,div.navigation-button #iphoneAppPublish.button:hover
    {
    width: 201px;
    height: 45px;
    margin: 6px 20px 0 5px;
    border: 0;
    background: url(tino/btn_iphone_app_publish_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

table.submenu td{
	border-style:solid;
	border-color:#E2E1E1;	
	border-width:1px;
	border-left-style:none;
	border-top-style:none;
	height:50px;
}

table.submenu th{
	border-style:solid;
	border-color:#E2E1E1;	
	border-width:1px;
	border-left-style:none;
	border-top-style:none;
	border-right-style:none;
	text-align:left;
}

div.titleTemplateStyle{
	padding:10px 0 0 5px;
	margin-left: -5px;
	color:#0dbce9;
	font-size:13pt;
	font-weight:bold;
	
}

img.non-selected-j2me{
    width : 138px;
    height : 53px;
    background : url("tino/btn_J2ME.png") top left no-repeat;
}

img.selected-j2me{
    width : 138px;
    height : 53px;
    background : url("tino/btn_J2ME_selected.png") top left no-repeat;
}

img.checked-j2me{
    width : 138px;
    height : 53px;
    background : url("tino/btn_J2ME_checked.png") top left no-repeat;
}

img.non-selected-android{
    width : 138px;
    height : 50px;
    background : url("tino/btn_android1.png") top left no-repeat;
}

img.selected-android{
    width : 138px;
    height : 50px;
    background : url("tino/btn_android_selected1.png") top left no-repeat;
}

img.checked-android{
    width : 138px;
    height : 50px;
    background : url("tino/btn_android_checked1.png") top left no-repeat;
}

img.non-selected-iphone{
    width : 138px;
    height : 50px;
    background : url("tino/btn_iphone.png") top left no-repeat;
}

img.selected-iphone{
    width : 138px;
    height : 50px;
    background : url("tino/btn_iphone_selected.png") top left no-repeat;
}

img.checked-iphone{
    width : 138px;
    height : 50px;
    background : url("tino/btn_iphone_checked.png") top left no-repeat;
}

div.preview-navigation-button {
    clear: both;
    margin: 0 0 0 15px;
    position:relative;
    top:-200px;
    text-align: left;
}

div.preview-navigation-button #moveNext.button {
    margin: 6px 20px 0 13px;
    border: 0;
    width: 62px;
    height: 62px;
    background: url(tino/bnt_move_next.png) 0 0 no-repeat;
}

div.preview-navigation-button #moveNext.button:active,div.preview-navigation-button #moveNext.button:hover
    {
    width: 62px;
    height: 62px;
    margin: 6px 20px 0 13px;
    border: 0;
    background: url(tino/bnt_move_next_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.preview-navigation-button #moveNext.disable-button {
    margin: 6px 20px 0 13px;
    border: 0;
    width: 62px;
    height: 62px;
    background: url(tino/bnt_move_next_disable.png) 0 0 no-repeat;
}

div.preview-navigation-button #movePrevious.button {
    margin: 6px 20px 0 5px;
    border: 0;
    width: 62px;
    height: 62px;
    background: url(tino/bnt_move_previous.png) 0 0 no-repeat;
}

div.preview-navigation-button #movePrevious.button:active,div.preview-navigation-button #movePrevious.button:hover
    {
    width: 62px;
    height: 62px;
    margin: 6px 20px 0 5px;
    border: 0;
    background: url(tino/bnt_move_previous_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.preview-navigation-button #movePrevious.disable-button {
    margin: 6px 20px 0 5px;
    border: 0;
    width: 62px;
    height: 62px;
    background: url(tino/bnt_move_previous_disable.png) 0 0 no-repeat;
}

div.preview-navigation-button .startSlide {
    margin: 6px 20px 0 5px;
   	position:relative;
   	top:22px;
    border: 0;
    width: 62px;
    height: 62px;
    background: url(tino/btn_play.png) 0 0 no-repeat;
}

div.preview-navigation-button .startSlide:active,div.preview-navigation-button .startSlide:hover
    {
    width: 62px;
    height: 62px;
    margin: 6px 20px 0 5px;
    border: 0;
    background: url(tino/btn_play_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

div.preview-navigation-button .stopSlide {
    margin: 6px 20px 0 5px;
    border: 0;
    top:22px;
    width: 62px;
    height: 62px;
    background: url(tino/btn_pause.png) 0 0 no-repeat;
}

div.preview-navigation-button .stopSlide:active,div.preview-navigation-button .stopSlide:hover
    {
    width: 62px;
    height: 62px;
    margin: 6px 20px 0 5px;
    top:22px;
    border: 0;
    background: url(tino/btn_pause_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

.calendarButton{
	margin: 0;
    border: 0;
    width: 38px;
    height: 27px;
    background: url(tino/calendar-button.png) 0 0 no-repeat;
}

.calendarButton:hover{
	margin: 0;
    border: 0;
    width: 38px;
    height: 27px;
    background: url(tino/calendar-button-hover.png) 0 0 no-repeat;
}

 .link{
    width: 139px;
    height: 38px;
	line-height:40px;
	display:block;
	text-align:center;
	background: url(images/tab_no_selected.png);
	cursor:pointer;
}

.link:visited{ 
	line-height:40px;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#0066FF;
	text-align:center;
	height:40px; 
	text-decoration:none;
	width:140px; 
}

.link:hover{
	/*background:url(../images/menu.jpg);*/ 
	/*font-family:Arial;*/
}

.linkdis {
	width: 139px;
	height: 38px;
	text-transform:capitalize;
	text-decoration:none;
	background: url(images/tab_selected.png);
	cursor:pointer;
}

.notselectedcontent {
	font-size: 12px;
	font-family: Arial;
	text-decoration:none;
	posstion: absolute;
	padding-top: 5px;
	margin-left: -6px;
}

.notselectedcontent:hover {
	font-size: 12px;
	padding-top: 5px;
    margin-left: -6px;
}

.selectedcontent {
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    posstion: absolute;
    padding-top: 12px;
    /*margin-left: -6px;*/
}

.checkboxComponent{
	background : url(tino/checkbox_unchecked.png) 0 0 no-repeat;
	width : 22px;
	height : 22px;
	padding : 5px 0 5px 0; 
}

.checkboxComponent:hover{
	background : url('tino/checkbox_unchecked_hover.png') 0 0 no-repeat;
	width:22px;
	height:22px;
	padding : 5px 0 5px 0;
	cursor: default;
}

.checkboxComponent_selected{
	background : url('tino/checkbox_checked.png') 0 0 no-repeat;
	width:22px;
	height:22px;
	padding : 5px 0 5px 0;
}

.checkboxComponent_selected:hover{
	background : url('tino/checkbox_checked_hover.png') 0 0 no-repeat;
	width:22px;
	height:22px;
	padding : 5px 0 5px 0;
	cursor: default;
}

.disableCheckboxComponent{
	background : url('tino/checkbox_hover.png') 0 0 no-repeat;
	width:22px;
	height:22px;
	padding : 5px 0 5px 0;
}

table.faq td{
	border-style:solid;
	border-color:#E2E1E1;	
	border-width:1px;
	height:50px;
}

table.startPage {
    background-repeat: no-repeat;
    text-align:center;
    background-image: url('../img/start/background.png');
    height:528px;
    width: 1024px;
	padding : 0 0 0 0;
}


#cmdBackMainpage:hover, #cmdBackMainpage:hover:active{
	float:left;
	border: 0;		
    background: url(tino/arrow_backward_big_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

.hiddenBlock {
	display:none;
}