body {
color:#444433;
font-family:arial,helvetica,sans-serif;
font-size:12px;
z-index: -1;
margin: 0;

}


em{color: red;}

a {outline: none}


#maincontainer{

width: 980px; /*Width of main container*/
margin: auto auto; /*Center container on page*/
z-index: -1;

}

#topsection{
height: 100px; /*Height of top section*/
z-index: 1;
margin-top: 15px;
}

.topbar {
background-image:url('/pat/images/nokia/stretch.jpg');
background-repeat:repeat-x;
width: 967px;
}

#contentwrapper{
float: left;
width: 976px;

border: 1px solid #F5F5F5;
z-index: -1;
}

#contentcolumn{
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
z-index: -1;
}

#leftcolumn{
float: left;
width: 0px; /*Width of left column*/
margin-left: -980px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}


#footer {
clear: left;
height:60px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:0;
width:980px;
}

#copyright {
color:#666666;
float:left;
font-size:10px;
margin:10px 0 0 10px;
width:200px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
z-index: -1;
}

.r50_topnavi_container {float:left;position:relative;padding-left:6px;width:756px;display:block;margin-bottom:16px!important;}
.r50_1st_lvl {overflow:hidden;width:960px;list-style-type:none;list-style-position:outside;margin:0;padding:0;background:url(/pat/images/nokia/navtop_last_1b.gif) no-repeat top right;height:27px;}
.r50_1st_lvl * {display:block;float:left;height:27px;line-height:27px;color:#fff;text-decoration:none;}
.r50_1st_lvl li {padding-left:7px;background:url(/pat/images/nokia/gr_level_one_left_1b.gif) no-repeat top left;}
.r50_1st_lvl li a {font-size:12px;color:#FFF!important;padding-right:7px;background:url(/pat/images/nokia/gr_level_one_right_1b.gif) no-repeat top right;}
.r50_1st_lvl li.r50_active {padding-left:7px;background:url(/pat/images/nokia/gr_level_one_a_left_1b.gif) no-repeat top left;}
.r50_1st_lvl li.r50_active a {font-size:12px;color:#005500!important;padding-right:7px;background:url(/pat/images/nokia/gr_level_one_a_right_1b.gif) no-repeat top right;}

.r50_first {background-image:none!important;}
.r50_navifirst {background:url(/pat/images/nokia/gr_level_one_a_right_1b.gif) no-repeat top right!important;}

 .r50_2nd_lvl {overflow:hidden;width:960px;list-style-type:none;list-style-position:outside;margin:0;padding:0;background:url(/pat/images/nokia/gr_level_two_navtop_last_1b.gif) no-repeat top right;height:27px;}
.r50_2nd_lvl li {display:block;height:27px;float:left;padding-left:7px;background:url(/pat/images/nokia/gr_level_two_left_1b.gif) no-repeat top left;}
.r50_2nd_lvl li a {font-size:12px;display:block;line-height:27px;text-decoration:none;height:27px;float:left;color:#FFF!important;padding-right:7px;background:url(/pat/images/nokia/gr_level_two_right_1b.gif) no-repeat top right;}
.r50_2nd_lvl li.r50_active {display:block;height:27px;float:left;background:url(/pat/images/nokia/gr_level_two_left_1b.gif) no-repeat top left;padding-left:7px;}
.r50_2nd_lvl li.r50_active a {font-size:12px;display:block;line-height:27px;text-decoration:none;height:27px;float:left;color:#005500!important;padding-right:7px;background:url(/pat/images/nokia/pics/gr_level_two_right_1b.gif) no-repeat top right;}
.r50_1st_lvl li a:hover {color:#7AEE54!important;text-decoration:none!important;}
.r50_1st_lvl li.r50_active a:hover {color:#005500!important;text-decoration:none!important;}
.r50_2nd_lvl li a:hover,.r50_2nd_lvl li.r50_active a:hover {color:#7AEE54!important;text-decoration:none!important;}
.r50_2nd_lvl .r50_2nd_lvl_empty {background-image:none;}
.r50_first {background-image:none!important;}
.r50_navifirst {background:url(/pat/images/nokia/gr_level_one_a_right_1b.gif) no-repeat top right!important;}

.bottom_bar {width:960px; height: 55px; background:url(/pat/images/nokia/bottom.png) no-repeat;}

.search_box {padding: 15px;  }

#articleName
{
	float:right;
	width: 452px;
	margin: 5px 0px 5px 0px;
	padding:0px 0px 0px 10px;
}

#videoName
{
	width: auto;
	margin: 5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

p.videoSub
{
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

p.articleTitle
{
	font-size:18px;
	font-family:Arial;
	color:#46A748;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#articleDescription
{
	width:auto;
	height:40px;
	font-size:12px;
	font-weight: bold;
	padding: 15px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #46A748;
}

#article_header {
	padding: 0px 10px 10px 10px;
}

#stepBox 
{
    margin: 20px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 440px;
    height: 425px;
    float: right;
    border: 1px solid #666666;
    background-image:url('/pat/images/nokia/stretch.jpg');
	background-repeat:repeat-x;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    
}


div#stepBox li
{
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px -10px;
	visibility: visible;
}

div#stepBox li.activestep
{
	font-size:16px;
	font-weight:bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	visibility: visible;
	list-style: none;
	
}

div#stepBox span {
	font-weight: bold;

}

div#stepBox li:hover
{
	color: #ffffff;
	background-color: #dddddd;
	visibility: visible;
	cursor:default;
	
}

p.article
{
	font-size:13px;
	font-weight:normal;
	color:#333333;
	padding: 4px 4px 4px 4px;
	visibility: visible;
}

p.article a
{

	color:#C02A81;
	visibility: visible;
}

p.article:hover
{
	font-size:13px;
	font-weight:normal;
	color:#111111;
	visibility: visible;
}

p.note

{
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	visibility: visible;
}

p.note a

{
	color:#C02A81;
	visibility: visible;
}

#imageBox
{
	z-index: 100;
    margin: 53px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 454px;
    height: 425px;
    float: left;
    overflow: hidden;
    border: solid 1px #666666;
    background-color: #FFFFFF;
    /*background-image: url(/ovi/lib/images/loading.gif);*/
    background-position: center center;
    background-repeat:no-repeat;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
	z-index: 1;
}


#fullVideo

{
	position: relative;
    margin-top: 25px;
	margin-right: auto;
    margin-bottom:10px;
    margin-left: auto;
    padding: 0px 0px 0px 0px;
    width: 600px;
    height: 430px;
    overflow: hidden;
    border: solid 1px #666666;
    background-color: #ffffff;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	z-index: 1;
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:100; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:visible;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; overflow:visible;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxClose{z-index:9999;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0px no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-top:20px;}
    #cboxTitle{position:absolute; top:0px; left:0; font-size:12pt; font-weight:bold; text-align:center; width:100%; color:#646464;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
    #cboxClose{position:absolute; top:-30px; right:-30px; background:url(images/close.png) top center no-repeat; width:45px; height:45px; text-indent:-9999px;}
    #cboxClose.hover{background-position:0px -45px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 62%; margin: 1em auto; }



#menu {
padding-top: 80px;
z-index: 300;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
z-index: 301;

}

#menu li { /* all list items */
	float: left;
	position: relative;
	width: 16.3em;
	z-index: 301;

}

#menu li ul {/* second-level lists */
	position: absolute;
	display: block; 
	top: 2em;
    left: 0;
	z-index: 301;
}

#menu li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
	z-index: 301;
		
}

#menu li ul li ul  {/* third-level lists */
	position: absolute;
	display: block; 
	top: 0;
    left: 9em;
	z-index: 301;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; 	}
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; z-index: 301;}

#menu li:hover>ul { visibility:visible; z-index: 301;}

#menu ul ul { visibility:hidden; z-index: 301;}		

/* Make-up syles */
#menu ul, li {
    margin: 0 0 0 0; 
	z-index: 400;	
}

/* Styles for Menu Items */
#menu ul a {
	display: block;
	text-decoration: none;
	font-family:arial,helvetica,sans-serif;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #F5F5F5;
	z-index: 400;
		
}
/* Hover Styles */
#menu ul a:hover { 
	color: #0000ff; 
	background: #F5F5F5; 
	z-index: 400;
} 

/* Sub Menu Styles */
#menu li ul a {
	text-decoration: none;
	
	color: #77F;
	background: #fff; /* IE6 Bug */
	border: 1px solid #ccc;
    padding: 5px; 
	z-index: 400;
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
	z-index: 400;
} 


#menu li a.submenu {background:#fff url("../images/v_arrow.gif") no-repeat right;z-index: 400; }
#menu li a.submenu:hover {background:#f9f9f9 url("../images/v_arrow.gif") no-repeat right;z-index: 400;}
#menu li ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right;z-index: 400;}
#menu li ul a.submenu:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;z-index: 400;}

.clear {

}

input.btn {   
   color:#46A748;;     
   background-color:#f9f9f9;  
   height:26px;
   border: 1px solid;   
   border-color: #696 #363 #363 #696;
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }  

 #tablepad td{
	padding: 10px;
 }


.input.btn:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.input.btn {
    border: 1px solid #006;
    background: #ccf;
}
.input.btn:hover {
    border: 1px solid #f00;
    background: #eef;
}